diff --git a/Dockerfile b/Dockerfile index 5630331..525f25b 100644 --- a/Dockerfile +++ b/Dockerfile @@ -2,7 +2,7 @@ # SPDX-FileCopyrightText: © 2025 Hornwitser # SPDX-License-Identifier: AGPL-3.0-or-later # Based on Next.js's docker image example -FROM node:22-slim AS base +FROM node:22 AS base # Install dependencies only when needed FROM base AS deps diff --git a/assets/global.css b/assets/global.css index 3d4e0c0..5ac8620 100644 --- a/assets/global.css +++ b/assets/global.css @@ -83,7 +83,3 @@ label>* { label + label { margin-block-start: 0.5rem; } - -.preWrap { - white-space: pre-wrap; -} diff --git a/components/CardEvent.vue b/components/CardEvent.vue index baca351..6a4d5a0 100644 --- a/components/CardEvent.vue +++ b/components/CardEvent.vue @@ -8,15 +8,7 @@

Host: {{ event.host }}

-
-
- ⚠️ -
-

- {{ event.notice }} -

-
-

{{ event.description ?? "No description provided" }}

+

{{ event.description ?? "No description provided" }}

{{ event.interested }} interested

@@ -87,22 +79,6 @@ async function toggle(type: "event" | "slot", id: number, slotIds?: number[]) { margin-block-start: 0.5rem; } -.notice { - display: flex; - width: fit-content; - gap: 0.5rem; - padding: 0.5rem; - margin-block: 0.5rem; - border-radius: 0.25rem; - border: 1px solid color-mix(in oklab, CanvasText, orange 50%); - background-color: color-mix(in oklab, Canvas, orange 40%); -} -.noticeIcon { - flex: 0 0 auto; - align-self: center; - font-size: 1rem; -} - button { padding-inline: 0.2em; } diff --git a/components/CardEventSlot.vue b/components/CardEventSlot.vue index 3544be2..7a15a5e 100644 --- a/components/CardEventSlot.vue +++ b/components/CardEventSlot.vue @@ -13,15 +13,7 @@

Host: {{ event.host }}

-
-
- ⚠️ -
-

- {{ event.notice }} -

-
-

{{ event?.description ?? "No description provided" }}

+

{{ event?.description ?? "No description provided" }}

At {{ locations.map(location => location?.name ?? "unknown").join(" + ") }}

@@ -70,22 +62,6 @@ function formatTime(time: DateTime) { margin-block-start: 0.5rem; } -.notice { - display: flex; - width: fit-content; - gap: 0.5rem; - padding: 0.5rem; - margin-block: 0.5rem; - border-radius: 0.25rem; - border: 1px solid color-mix(in oklab, CanvasText, orange 50%); - background-color: color-mix(in oklab, Canvas, orange 40%); -} -.noticeIcon { - flex: 0 0 auto; - align-self: center; - font-size: 1rem; -} - button { padding-inline: 0.2em; } diff --git a/components/CardShift.vue b/components/CardShift.vue index 333be36..ac5c4e9 100644 --- a/components/CardShift.vue +++ b/components/CardShift.vue @@ -5,7 +5,7 @@ @@ -38,23 +33,20 @@ defineProps<{ grid-template-columns: 5rem 1fr; column-gap: 1rem; } -:is(.removed, .added) { - display: flex; - grid-column: 2 / 2; - white-space: pre-wrap; -} -:is(.removed, .added) .symbol { - display: block; - font-family: monospace; - flex: 0 0 auto; -} .removed { + grid-column: 2 / 2; color: color-mix(in srgb, CanvasText, red 40%); } -.removed .content{ - text-decoration-line: line-through; +.removed::before { + content: "- "; + font-family: monospace; } .added { + grid-column: 2 / 2; color: color-mix(in srgb, CanvasText, green 40%); } +.added::before { + content: "+ "; + font-family: monospace; +} diff --git a/components/TableScheduleEventSlots.vue b/components/TableScheduleEventSlots.vue index 9699f79..5661865 100644 --- a/components/TableScheduleEventSlots.vue +++ b/components/TableScheduleEventSlots.vue @@ -318,7 +318,6 @@ function newEventSlot(options: { start?: DateTime, end?: DateTime } = {}) { start, end, new Set(newEventLocationIds.value), - false, new Set(), 0, ); diff --git a/components/TableScheduleEvents.vue b/components/TableScheduleEvents.vue index ab66e81..84871a9 100644 --- a/components/TableScheduleEvents.vue +++ b/components/TableScheduleEvents.vue @@ -10,7 +10,6 @@ id name host - notice description p s @@ -40,18 +39,11 @@ > -