Adds a solid start Foundation with a GlobalList.razor and OnStartUp.cs

2025-10-27 02:01:55 +01:00
parent d78958f7c6
commit 70587b2af6
32 changed files with 627 additions and 286 deletions
@@ -0,0 +1,77 @@
+/*For Development*/
+/** {
+    outline: 1px solid red !important;
+}*/
+
+.Entity-Container {
+    color:aliceblue
+}
+
+.Entity-Container:hover {
+    color: rgba(0,255,255,0.5);
+}
+
+.Entity-Container-Card {
+    position: relative;
+    max-width: 275px;
+    background: #111;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    overflow: hidden;
+    border-radius: 15px;
+    transition: all 0.5s ease;
+    text-align: center;
+    gap: 0.75rem;
+    padding-top: 10px;
+    padding-bottom: 24px;
+}
+
+
+    .Entity-Container-Card h2 {
+        color: #0ff;
+        font-size: 2rem;
+        position: relative;
+        z-index: 2;
+        margin: 0;
+    }
+
+    .Entity-Container-Card::before {
+        content: '';
+        position: absolute;
+        top: -50%;
+        left: -50%;
+        width: 200%;
+        height: 200%;
+        background: linear-gradient( 0deg, transparent, transparent 30%, rgba(0,255,255,0.3) );
+        transform: rotate(-45deg);
+        transition: all 0.5s ease;
+        opacity: 0;
+    }
+
+    .Entity-Container-Card:hover {
+        transform: scale(1.05);
+        box-shadow: 0 0 20px rgba(0,255,255,0.5);
+    }
+
+        .Entity-Container-Card:hover::before {
+            opacity: 1;
+            transform: rotate(-45deg) translateY(100%);
+        }
+
+.Entity-Container-Image {
+    margin: 4px;
+    margin-top: 6px;
+    max-width: 256px;
+    max-height: 256px;
+}
+
+.Entity-Container-Button {
+    display: flex;
+    flex-direction: column
+}
+
+.CreateNewGlobalEntity-Container {
+    background: #111;
+    border-radius: 15px;
+}