Add header for game list (#3)

Co-authored-by: Maxime Adler <madler@sqli.com> Reviewed-on: #3
2025-02-27 01:09:05 +01:00
parent d9ae2f39bb
commit 4183b4b616
28 changed files with 697 additions and 104 deletions
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css
@@ -0,0 +1,46 @@
+.page {
+    height: 100%;
+    overflow: hidden;
+}
+
+.orb {
+    position: absolute;
+    border-radius: 100%;
+    z-index: -999;
+}
+
+.green {
+    width: 80vh;
+    height: 80vh;
+    top: -20vh;
+    background: #315941;
+    filter: blur(30vh);
+}
+
+.blue {
+    width: 80vw;
+    height: 80vw;
+    left: 10vw;
+    top: 50vh;
+    background: #3A4156;
+    filter: blur(30vh);
+}
+
+.red {
+    width: 100vh;
+    height: 100vh;
+    left: 60vw;
+    top: -40vh;
+    background: #593533;
+    filter: blur(30vh);
+}
+
+.background {
+    height: 100%;
+    width: 100%;
+    background: var(--background);
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: -1000;
+}