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 "tw-animate-css";
@custom-variant dark (&:is(.dark *));
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--color-sidebar-ring: var(--sidebar-ring);
--color-sidebar-border: var(--sidebar-border);
--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;
}
.app-background {
position: fixed; /* stays put */
position: fixed; /* stays put */
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; /* behind everything */
z-index: -1; /* behind everything */
background-image: url("/burger.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
pointer-events: none; /* make it untouchable */
touch-action: none; /* block drag gestures */
pointer-events: none; /* make it untouchable */
touch-action: none; /* block drag gestures */
}
.app-background::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.35); /* dark overlay */
background: rgba(0, 0, 0, 0.35); /* dark overlay */
}
.food-option {
@apply bg-white/5 text-white text-lg hover:bg-orange-500/60;
}
.food-option-selected {
@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;
}
/* Hide scrollbars but keep scroll functionality */
.hide-scrollbar {
-ms-overflow-style: none; /* IE/Edge */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
scrollbar-width: none; /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
display: none; /* Chrome/Safari */
display: none; /* Chrome/Safari */
}
}
/* Ensure html and body always fill viewport */
body {
background-color: black;