From e10891548b2d38e3b8746af033d37b1e1ad50d3b Mon Sep 17 00:00:00 2001 From: Claas Date: Thu, 20 Jun 2024 19:19:58 +0200 Subject: [PATCH] Style away --- app.config.ts | 2 +- src/app.css | 11 ++++ src/routes/journey.tsx | 117 +++++++++++++++++++++++++++++++++++++++-- 3 files changed, 125 insertions(+), 5 deletions(-) diff --git a/app.config.ts b/app.config.ts index 52bb02a..de583bb 100644 --- a/app.config.ts +++ b/app.config.ts @@ -1,7 +1,7 @@ import { defineConfig } from "@solidjs/start/config"; export default defineConfig({ - ssr: true, + ssr: false, server: { baseURL: process.env.BASE_PATH, preset: "static", diff --git a/src/app.css b/src/app.css index d019115..aa62f02 100644 --- a/src/app.css +++ b/src/app.css @@ -8,3 +8,14 @@ @apply bg-light-surface text-light-on-surface caret-light-primary accent-light-primary selection:bg-light-primary selection:text-light-on-primary; } } + +@layer utilities { + .stack { + display: grid; + place-content: center; + + > * { + grid-area: 1 / 1; + } + } +} diff --git a/src/routes/journey.tsx b/src/routes/journey.tsx index 8e4d871..f836962 100644 --- a/src/routes/journey.tsx +++ b/src/routes/journey.tsx @@ -12,22 +12,25 @@ function Connection({ connections, }: Connection): JSX.Element { return ( -
+

{label}

{destination}

-
+
{Connection}
); } -export default function Journey() { +export function Journey1() { return ( <> -
+

Test

{Connection}
@@ -35,6 +38,112 @@ export default function Journey() { ); } +type Connection2Properties = { + time: { + arrive: string; + depart: string; + duration: string; + }; +}; +const TRAM_COLOR = "bg-[#9f3d53]"; +function Connection2(properties: Connection2Properties): JSX.Element { + return ( +
+ + +
+
+
+
+ +
+
+
+ + +
+
+
+
+ +
+ Pill +
+
+ ); +} + +export default function Journey2() { + return ( + <> +
+
+

Neumarkt, Köln

+
+ +
+ +
+ +

Hauptbahnhof, Bonn

+
+ {/*
+
+ + + +
+
+
+
+
*/} + +
+
+ +
+

+ Beuel Konrad-Adenauer-Platz, Bonn +

+
+
+ + ); +} type Line = { label: string; -- 2.51.2