This commit is contained in:
2025-10-16 10:24:59 +02:00
parent ab8bfc0b1c
commit 52aab3460d

View File

@@ -1,14 +1,11 @@
@import "tailwindcss"; @import "tailwindcss";
@import "tw-animate-css"; @import "tw-animate-css";
@custom-variant dark (&:is(.dark *)); @custom-variant dark (&:is(.dark *));
@theme inline { @theme inline {
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--color-sidebar-ring: var(--sidebar-ring); --color-sidebar-ring: var(--sidebar-ring);
--color-sidebar-border: var(--sidebar-border); --color-sidebar-border: var(--sidebar-border);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -135,47 +132,43 @@
w-full sm:w-1/2 lg:w-1/3 hover:bg-orange-600; w-full sm:w-1/2 lg:w-1/3 hover:bg-orange-600;
} }
.app-background { .app-background {
position: fixed; /* stays put */ position: fixed; /* stays put */
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: -1; /* behind everything */ z-index: -1; /* behind everything */
background-image: url("/burger.jpg"); background-image: url("/burger.jpg");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
pointer-events: none; /* make it untouchable */ pointer-events: none; /* make it untouchable */
touch-action: none; /* block drag gestures */ touch-action: none; /* block drag gestures */
} }
.app-background::after { .app-background::after {
content: ""; content: "";
position: absolute; position: absolute;
inset: 0; inset: 0;
background: rgba(0,0,0,0.35); /* dark overlay */ background: rgba(0, 0, 0, 0.35); /* dark overlay */
} }
.food-option { .food-option {
@apply bg-white/5 text-white text-lg hover:bg-orange-500/60; @apply bg-white/5 text-white text-lg hover:bg-orange-500/60;
} }
.food-option-selected { .food-option-selected {
@apply bg-orange-500/75 text-white shadow-xl text-lg; @apply bg-orange-500/75 text-white shadow-xl text-lg;
box-shadow: 0 0 5px theme('colors.orange.400'); box-shadow: 0 0 5px theme("colors.orange.400");
text-shadow: 0 0 5px; text-shadow: 0 0 5px;
} }
/* Hide scrollbars but keep scroll functionality */ /* Hide scrollbars but keep scroll functionality */
.hide-scrollbar { .hide-scrollbar {
-ms-overflow-style: none; /* IE/Edge */ -ms-overflow-style: none; /* IE/Edge */
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
} }
.hide-scrollbar::-webkit-scrollbar { .hide-scrollbar::-webkit-scrollbar {
display: none; /* Chrome/Safari */ display: none; /* Chrome/Safari */
} }
} }
/* Ensure html and body always fill viewport */ /* Ensure html and body always fill viewport */
body { body {
background-color: black; background-color: black;