Fix font
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user