初始化

admin/public/browser_upgrade/index.css

@@ -0,0 +1,49 @@
+#browser-upgrade {
+  position: absolute;
+  z-index: 10001;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  display: none;
+  user-select: none;
+  color: #736477;
+  background-color: snow;
+}
+
+#browser-upgrade .title {
+  margin: 40px 0;
+  text-align: center;
+  font-size: 24px;
+}
+
+#browser-upgrade .browsers {
+  text-align: center;
+}
+
+#browser-upgrade .browsers .browser {
+  display: inline-block;
+  margin: 0 20px;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+#browser-upgrade .browsers .browser .browser-icon {
+  display: block;
+  width: 50px;
+  height: 50px;
+  margin: 0 auto;
+  border: none;
+}
+
+#browser-upgrade .browsers .browser .browser-name {
+  text-align: center;
+  margin-top: 10px;
+  padding-bottom: 2px;
+  color: #736477;
+  border-bottom: 1px solid transparent;
+}
+
+#browser-upgrade .browsers .browser:hover .browser-name {
+  border-bottom: 1px solid #736477;
+}

admin/public/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" width="1em" height="1em"><path d="M29.71,13.09A8.09,8.09,0,0,0,20.34,2.68a8.08,8.08,0,0,0-13.7,2.9A8.08,8.08,0,0,0,2.3,18.9,8,8,0,0,0,3,25.45a8.08,8.08,0,0,0,8.69,3.87,8,8,0,0,0,6,2.68,8.09,8.09,0,0,0,7.7-5.61,8,8,0,0,0,5.33-3.86A8.09,8.09,0,0,0,29.71,13.09Zm-12,16.82a6,6,0,0,1-3.84-1.39l.19-.11,6.37-3.68a1,1,0,0,0,.53-.91v-9l2.69,1.56a.08.08,0,0,1,.05.07v7.44A6,6,0,0,1,17.68,29.91ZM4.8,24.41a6,6,0,0,1-.71-4l.19.11,6.37,3.68a1,1,0,0,0,1,0l7.79-4.49V22.8a.09.09,0,0,1,0,.08L13,26.6A6,6,0,0,1,4.8,24.41ZM3.12,10.53A6,6,0,0,1,6.28,7.9v7.57a1,1,0,0,0,.51.9l7.75,4.47L11.85,22.4a.14.14,0,0,1-.09,0L5.32,18.68a6,6,0,0,1-2.2-8.18Zm22.13,5.14-7.78-4.52L20.16,9.6a.08.08,0,0,1,.09,0l6.44,3.72a6,6,0,0,1-.9,10.81V16.56A1.06,1.06,0,0,0,25.25,15.67Zm2.68-4-.19-.12-6.36-3.7a1,1,0,0,0-1.05,0l-7.78,4.49V9.2a.09.09,0,0,1,0-.09L19,5.4a6,6,0,0,1,8.91,6.21ZM11.08,17.15,8.38,15.6a.14.14,0,0,1-.05-.08V8.1a6,6,0,0,1,9.84-4.61L18,3.6,11.61,7.28a1,1,0,0,0-.53.91ZM12.54,14,16,12l3.47,2v4L16,20l-3.47-2Z" fill="currentColor"></path></svg>

admin/public/loading.css

@@ -0,0 +1,90 @@
+#app {
+  height: 100%;
+}
+
+.fantastic-admin-home {
+  position: absolute;
+  z-index: 10000;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  user-select: none;
+  color: #736477;
+  background-image: linear-gradient(
+    45deg,
+    rgb(51, 138, 249),
+    rgb(47, 248, 255)
+  );
+}
+
+.fantastic-admin-home .loading {
+  --r1: 154%;
+  --r2: 68.5%;
+
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  background: radial-gradient(
+        var(--r1) var(--r2) at top,
+        #0000 79.5%,
+        #85f7fb 80%
+      )
+      center left,
+    radial-gradient(var(--r1) var(--r2) at bottom, #85f7fb 79.5%, #0000 80%)
+      center center,
+    radial-gradient(var(--r1) var(--r2) at top, #0000 79.5%, #85f7fb 80%) center
+      right,
+    #d0f4ff;
+  background-size: 50.5% 220%;
+  background-position: -100% 0%, 0% 0%, 100% 0%;
+  background-repeat: no-repeat;
+  animation: p9 2s infinite linear;
+}
+
+@keyframes p9 {
+  33% {
+    background-position: 0% 33%, 100% 33%, 200% 33%;
+  }
+  66% {
+    background-position: -100% 66%, 0% 66%, 100% 66%;
+  }
+  100% {
+    background-position: 0% 100%, 100% 100%, 200% 100%;
+  }
+}
+
+@keyframes square-to-dot-animation {
+  15%,
+  25% {
+    border-radius: 100%;
+    width: 0;
+    height: 0;
+    margin: 5px;
+    border-width: 5px;
+  }
+
+  40% {
+    border-radius: 15%;
+    width: 10px;
+    height: 10px;
+    margin: initial;
+    border-width: 3px;
+  }
+}
+
+.fantastic-admin-home .text {
+  position: relative;
+  font-size: 24px;
+  margin-top: 20px;
+}
+
+.fantastic-admin-home .text::after {
+  content: "…";
+  position: absolute;
+  padding-left: 5px;
+}