[성현모] DB 예외처리 추가, UI 사이즈 조정

Projects/WebClient/Web.Tra/Components/Dialog/Loading.razor.css

@@ -0,0 +1,58 @@
+.message {
+    /* change color here */
+    color: #f8b26a;
+    text-align: center;
+    font-size: 1.5rem;
+}
+
+.lds-ring {
+    /* change color here */
+    color: #f8b26a;
+}
+
+    .lds-ring,
+    .lds-ring div {
+        box-sizing: border-box;
+    }
+
+.lds-ring {
+    display: inline-block;
+    position: relative;
+    width: 80px;
+    height: 80px;
+}
+
+    .lds-ring div {
+        box-sizing: border-box;
+        display: block;
+        position: absolute;
+        width: 64px;
+        height: 64px;
+        margin: 8px;
+        border: 8px solid currentColor;
+        border-radius: 50%;
+        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+        border-color: currentColor transparent transparent transparent;
+    }
+
+        .lds-ring div:nth-child(1) {
+            animation-delay: -0.45s;
+        }
+
+        .lds-ring div:nth-child(2) {
+            animation-delay: -0.3s;
+        }
+
+        .lds-ring div:nth-child(3) {
+            animation-delay: -0.15s;
+        }
+
+@keyframes lds-ring {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}