[Update] Quick Settings: Add Overlay settings.

2024-10-30 16:01:37 +09:00
parent ac2a974947
commit 3c76902124
13 changed files with 168 additions and 9 deletions
--- a/src-ui/app/modal_controller/ModalController.module.scss
+++ b/src-ui/app/modal_controller/ModalController.module.scss
@@ -0,0 +1,29 @@
+.container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.bg_onclick_close_area {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color:  (#ffffff22);
+    backdrop-filter: blur(0.2rem);
+}
+
+.wrapper {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    overflow-y: auto;
+    background-color: var(--dark_875_color);
+    width: 60%;
+    height: 96%;
+    padding: 2rem;
+    border-radius: 0.6rem;
+}