add styles for download

Signed-off-by: cbh778899 <[email protected]>
SkywardAI · Oct 14, 2024 · 98ec322 · 98ec322
1 parent 1373909
commit 98ec322
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/src/styles/settings.css b/src/styles/settings.css
@@ -162,4 +162,44 @@
     height: 100%;
     width: var(--text-width);
     margin-left: var(--elem-margin);
+}
+
+dialog:has(.download-protector) {
+    border: none;
+    border-radius: 15px;
+    background-color: white;
+}
+
+.download-protector {
+    width: 500px;
+    height: fit-content;
+    max-height: 200px;
+}
+
+.download-protector > .title {
+    text-align: center;
+    font-size: 18px;
+    height: 25px;
+}
+
+.download-protector > .description {
+    word-wrap: break-word;
+    margin: 7px 0px;
+    max-height: 130px;
+    overflow-y: auto;
+    margin-bottom: 10px;
+}
+
+.download-protector > .progress-bar {
+    width: 100%;
+    height: 20px;
+    border: 1px solid gray;
+    border-radius: 15px;
+    text-align: center;
+    font-size: 13px;
+    align-content: center;
+
+    background-image: linear-gradient(to right, limegreen 50%, white 50%);
+    background-size: 200% 100%;
+    background-position-x: 100%;
 }