diff --git a/assets/css/extra.css b/assets/css/extra.css index 29567e6..0542000 100644 --- a/assets/css/extra.css +++ b/assets/css/extra.css @@ -292,7 +292,6 @@ input[type="checkbox"] { font-size: large; color: white; background-color: var(--greenBtn); - border-bottom: 4px solid var(--greenBtn-bottom); cursor: pointer; position: relative; outline: none; @@ -348,3 +347,28 @@ body::-webkit-scrollbar-thumb { resize: none; overflow: hidden; } + +.popup-container { + position: fixed; + bottom: 30px; + left: 30px; + z-index: 9999; + + display: flex; + flex-direction: column; + gap: 12px; +} + +.popup-item { + display: inline-block; + + color: #fff; + padding: 12px 24px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + font-weight: 600; + font-size: 15px; + + opacity: 1; + transition: opacity 0.4s; +} \ No newline at end of file diff --git a/assets/css/index.css b/assets/css/index.css index 51a0d9e..0b4f2fa 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -305,7 +305,7 @@ img { color: var(--text); margin: 10px auto; border-radius: 10px; - padding: 20px; + padding: 10px; align-items: center; justify-content: space-between; } @@ -1135,4 +1135,41 @@ input[type="range"]::-webkit-slider-thumb:hover { font-family: "JetBrains"; border-radius: 8px; resize: vertical; -} \ No newline at end of file +} + +#updatePopup { + position: fixed; + bottom: 30px; + right: 30px; + z-index: 9999; + background-color: var(--box-separation); + padding: 15px 20px; + border-radius: 10px; + display: none; + + flex-direction: column; + align-items: center; + justify-content: center; + gap: 8px; + box-shadow: 0 4px 6px rgba(0,0,0,0.3); +} + +.progress-track { + width: 200px; + height: 8px; + background-color: rgba(209, 209, 209, 0.446); + border-radius: 4px; + overflow: hidden; + margin: 10px 2px; +} + +#progressBarFill { + height: 100%; + width: 0%; + background-color: var(--greenBtn); + transition: width 0.2s ease; +} + +.update-label, #updateProgress { + font-size: 14px; +} diff --git a/html/index.html b/html/index.html index bfbab0c..127ff64 100644 --- a/html/index.html +++ b/html/index.html @@ -251,7 +251,15 @@ +
+ Downloading update +
+
+
+ + 0.0% +
\ No newline at end of file diff --git a/html/preferences.html b/html/preferences.html index 93022c0..cf326cb 100644 --- a/html/preferences.html +++ b/html/preferences.html @@ -111,8 +111,10 @@

- Select browser to use cookies from - ℹ️ +
+ Select browser to use cookies from + +