diff --git a/feedmee/src/app/globals.css b/feedmee/src/app/globals.css index 1f3da82..1a09781 100644 --- a/feedmee/src/app/globals.css +++ b/feedmee/src/app/globals.css @@ -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;