init

src/assets/base.css

@@ -0,0 +1,65 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  padding: 0;
+  margin: 0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+:not(img, input, textarea) {
+  -webkit-user-drag: none;
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+:not(input, img, textarea) {
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+input,
+textarea {
+  padding: 0;
+  border: none;
+  width: 100%;
+  height: 100%;
+  background: none;
+  outline: none;
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: rgba(99, 54, 16, .5);
+  font-weight: 700;
+}
+
+input:focus,
+textarea:focus {
+  border: none;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #000;
+}
+@keyframes loginloading {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

src/assets/main.css

@@ -0,0 +1,37 @@
+@import './base.css';
+#app{
+  width: 100vw;
+  height: 100vh;
+}
+.global-modal-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, .85);
+}
+
+.global-modal-content {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+}
+
+.global-modal.position-bottom .global-modal-content {
+  justify-content: flex-end;
+}
+
+.global-modal.position-top .global-modal-content {
+  justify-content: flex-start;
+}
+
+.global-modal.position-center .global-modal-content {
+  justify-content: center;
+  align-items: center;
+}