Initial commit

code/UI/MenuComponents/LuckerButton.razor

@@ -0,0 +1,26 @@
+@using System
+@using Sandbox.Razor
+@using Sandbox.UI
+
+@inherits Panel
+@attribute [StyleSheet]
+@namespace LuckerGame.UI.MenuComponents
+
+<root>
+    <div class="lucker-button">
+        @ChildContent
+    </div>
+</root>
+
+@code {
+
+    private RenderFragment _childContent;
+
+    public RenderFragment ChildContent
+    {
+        get { return _childContent; }
+        set { _childContent = value; StateHasChanged(); }
+    }
+    
+
+}

code/UI/MenuComponents/LuckerButton.razor.scss

@@ -0,0 +1,15 @@
+LuckerButton {
+  div {
+    &.lucker-button {
+      z-index: 11;
+      cursor: pointer;
+      background-color: gray;
+      padding: 5px;
+      border-radius: 10px;
+      
+      :hover {
+        opacity: 0.7;
+      }
+    }
+  }
+}

code/UI/MenuComponents/LuckerSpinner.razor

@@ -0,0 +1,9 @@
+@using Sandbox.UI
+
+@namespace LuckerGame.UI.MenuComponents
+@inherits Panel
+@attribute [StyleSheet]
+
+<root>
+    <div class="loader"/>
+</root>

code/UI/MenuComponents/LuckerSpinner.razor.scss

@@ -0,0 +1,20 @@
+LuckerSpinner {
+  .loader {
+    width: 48px;
+    height: 48px;
+    border: 5px solid #FFF;
+    border-bottom-color: transparent;
+    border-radius: 50%;
+    animation-name: rotation;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+}
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}