From 8b2c4a38a461ff5ecc95972291bc711e2c5dec9a Mon Sep 17 00:00:00 2001 From: 简律纯 Date: Fri, 28 Apr 2023 01:47:57 +0800 Subject: --- .../apps/storefront/src/pages/_app.tsx | 6 +++ .../apps/storefront/src/pages/index.tsx | 24 ++++++++++ .../kitchen-sink/apps/storefront/src/styles.css | 55 ++++++++++++++++++++++ 3 files changed, 85 insertions(+) create mode 100644 examples/kitchen-sink/apps/storefront/src/pages/_app.tsx create mode 100644 examples/kitchen-sink/apps/storefront/src/pages/index.tsx create mode 100644 examples/kitchen-sink/apps/storefront/src/styles.css (limited to 'examples/kitchen-sink/apps/storefront/src') diff --git a/examples/kitchen-sink/apps/storefront/src/pages/_app.tsx b/examples/kitchen-sink/apps/storefront/src/pages/_app.tsx new file mode 100644 index 0000000..7b312a7 --- /dev/null +++ b/examples/kitchen-sink/apps/storefront/src/pages/_app.tsx @@ -0,0 +1,6 @@ +import type { AppProps } from "next/app"; +import "../styles.css"; + +export default function MyApp({ Component, pageProps }: AppProps) { + return ; +} diff --git a/examples/kitchen-sink/apps/storefront/src/pages/index.tsx b/examples/kitchen-sink/apps/storefront/src/pages/index.tsx new file mode 100644 index 0000000..7adef55 --- /dev/null +++ b/examples/kitchen-sink/apps/storefront/src/pages/index.tsx @@ -0,0 +1,24 @@ +import { log } from "logger"; +import Head from "next/head"; +import { CounterButton, NewTabLink } from "ui"; + +export default function Store() { + log("Hey! This is Home."); + return ( +
+ + Store | Kitchen Sink + +

+ Store
+ Kitchen Sink +

+ +

+ Built With{" "} + Turborepo +{" "} + Next.js +

+
+ ); +} diff --git a/examples/kitchen-sink/apps/storefront/src/styles.css b/examples/kitchen-sink/apps/storefront/src/styles.css new file mode 100644 index 0000000..d4b766e --- /dev/null +++ b/examples/kitchen-sink/apps/storefront/src/styles.css @@ -0,0 +1,55 @@ +html { + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, + Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-tap-highlight-color: transparent; + line-height: 1.5; + tab-size: 4; +} + +body { + margin: 0; +} + +.container { + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 1.5rem; + max-width: 100%; + margin: 0 auto; + padding: 0 16px; + text-align: center; +} + +.title { + font-size: 3rem; + font-weight: 700; + margin: 0; +} + +.title span { + display: inline-block; + background-image: linear-gradient(to right, #3b82f6, #ef4444); + -webkit-background-clip: text; + background-clip: text; + color: transparent; +} + +.description { + color: #9ca3af; + font-weight: 500; +} + +.description a { + color: #3b82f6; + text-decoration: none; +} + +.description a:hover { + text-decoration: underline; +} -- cgit v1.2.3-70-g09d2