Fix update notice.

2023-03-01 23:59:01 -08:00
parent 82f0bc3d2b
commit 5262d19c8b
6 changed files with 52 additions and 31 deletions
--- a/components/common/UpdateNotice.module.css
+++ b/components/common/UpdateNotice.module.css
@@ -1,17 +1,33 @@
 .notice {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding-top: 20px;
+  position: absolute;
+  max-width: 800px;
+  gap: 20px;
+  margin: 20px auto;
+  justify-self: center;
+  background: #fff;
+  padding: 20px;
+  border: 1px solid var(--base300);
+  border-radius: var(--border-radius);
+  z-index: 1000;
 }

 .message {
+  display: flex;
+  justify-content: center;
+  align-items: center;
  font-weight: 600;
-  flex: 1;
-  text-align: center;
-  margin-right: 20px;
 }

 .buttons {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 10px;
  flex: 0;
 }
+
+@media only screen and (max-width: 992px) {
+  .message {
+    height: 80px;
+  }
+}