- {snowflakeCount.map((_, index) => (
+
+ {leafCount.map((_, index) => (
- ❄️
+ 🍃
))}
);
};
-export default Snowflakes;
+export default Leafs;
diff --git a/frontend/src/components/Loading.css b/frontend/src/components/Loading.css
index aec122a..6ad3e13 100644
--- a/frontend/src/components/Loading.css
+++ b/frontend/src/components/Loading.css
@@ -1,10 +1,10 @@
.spinner {
font-size: 100px; /* Adjust size as needed */
animation: spin 2s linear infinite; /* Spin animation */
- position: fixed; /* Keep the snowflake in a fixed position */
+ position: fixed; /* Keep the leaf in a fixed position */
top: 50%; /* Adjust vertical position */
left: 50%; /* Center horizontally */
- transform: translateX(-50%); /* Center the snowflake */
+ transform: translateX(-50%); /* Center the leaf */
z-index: 10000; /* Ensure it's above the full-screen loading */
}
diff --git a/frontend/src/components/Loading.tsx b/frontend/src/components/Loading.tsx
index 13bab4e..fd58305 100644
--- a/frontend/src/components/Loading.tsx
+++ b/frontend/src/components/Loading.tsx
@@ -4,7 +4,7 @@ import './Loading.css'; // Import CSS for styling
export const Loading: React.FC = () => {
return (
- 🎅🏻
+ 🍺
);
};
diff --git a/frontend/src/components/Snowflakes.css b/frontend/src/components/Snowflakes.css
deleted file mode 100644
index e1e170e..0000000
--- a/frontend/src/components/Snowflakes.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.snowflakes {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none; /* Make snowflakes non-interactive */
- overflow: hidden; /* Hide overflow */
- z-index: 998; /* Ensure snowflakes are above other content */
-}
-
-.snowflake {
- position: absolute;
- top: -10%; /* Start above the top of the screen */
- color: white; /* Snowflake color */
- font-size: 1em; /* Size of the snowflake; adjust as needed */
- opacity: 0.5; /* Transparency */
- animation: fall linear infinite; /* Apply the fall animation */
-}
-
-/* Falling animation */
-@keyframes fall {
- 0% {
- transform: translateX(0) translateY(0); /* Start position */
- }
- 100% {
- transform: translateX(-5vw) translateY(120vh); /* End position */
- opacity: 0.1; /* Optional: fade out */
- }
-}
-
-/* Randomize snowflake size and animation */
-.snowflake:nth-child(1) { animation-duration: 6s; left: 10%; font-size: 0.8em;}
-.snowflake:nth-child(2) { animation-duration: 8s; left: 20%; font-size: 3em;}
-.snowflake:nth-child(3) { animation-duration: 5s; left: 30%; font-size: 4em;}
-.snowflake:nth-child(4) { animation-duration: 7s; left: 40%; font-size: 0.9em;}
-.snowflake:nth-child(5) { animation-duration: 10s; left: 50%; font-size: 2em;}
-
-/* Add more child selectors for additional snowflakes */