diff --git a/build/icon.png b/build/icon.png index 95b03c4..529d169 100644 Binary files a/build/icon.png and b/build/icon.png differ diff --git a/css/app.css b/css/app.css index e5710bb..0a96cde 100644 --- a/css/app.css +++ b/css/app.css @@ -91,6 +91,17 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { height: 5px; } +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +/* Firefox */ +input[type=number] { + -moz-appearance: textfield; +} + @keyframes fade { 0% { opacity: 0; @@ -151,7 +162,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { padding: .2em 2em; } -.keycard__ident-container { +.keycard-ident__container { height: 60%; box-sizing: border-box; padding: 2em 0; @@ -165,18 +176,18 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { display: inherit; } -.keycard__ident-form-container { +.keycard-ident__form-container { width: 80%; box-sizing: border-box; margin: 1em auto; } -.keycard__ident-form-field-container { +.keycard-ident__form-field-container { padding: .8em 0; box-sizing: border-box; } -.keycard__ident-form-field-label { +.keycard-ident__form-field-label { float: left; width: 37%; font-weight: bold; @@ -258,7 +269,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { .keycard__btn-container { text-align: center; - padding: 2em 0; + padding: 1em 0; } .keycard__btn { @@ -283,6 +294,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { height: 148px; margin: 4em auto; } + .keycard__loading div { position: absolute; border: 4px solid rgb(112, 112, 191); @@ -290,9 +302,11 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { border-radius: 50%; animation: keycard__loading 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } + .keycard__loading div:nth-child(2) { animation-delay: -0.5s; } + @keyframes keycard__loading { 0% { top: 72px; @@ -310,11 +324,11 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { } } -.keycard__ident-form-enc-field-container { +.keycard-ident__form-enc-field-container { position: relative; } -.keycard__ident-file-field { +.keycard-ident__file-field { float: left; margin: .8em 0; position: relative; @@ -322,7 +336,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { border: none; } -.keycard__ident-file-label { +.keycard-ident__file-label { position: relative; z-index: 0; display: inline-block; @@ -340,7 +354,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { font-weight: bold; } -.keycard__ident-file-input { +.keycard-ident__file-input { display: inline-block; position: absolute; z-index: 1; @@ -356,49 +370,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { display: block; padding-top: .4em; overflow-x: scroll; - width: 200%; -} - -.keycard__check { - padding: 0; - height: initial; - width: initial; - margin-bottom: 0; - display: none; - cursor: pointer; -} - -.keycard__check-label { - position: relative; - cursor: pointer; - margin-right: 2.5em; -} - -.keycard__check-label:before { - content:''; - -webkit-appearance: none; - background-color: transparent; - border: 2px solid rgb(72, 151, 127); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); - padding: .56em; - display: inline-block; - position: relative; - vertical-align: middle; - cursor: pointer; - margin-right: .8em; -} - -.keycard__check:checked + .keycard__check-label:after { - content: ''; - display: block; - position: absolute; - top: .1em; - left: .5em; - width: .25em; - height: .8em; - border: solid rgb(72, 151, 127); - border-width: 0 2px 2px 0; - transform: rotate(45deg); + width: 220%; } .keycard-ident__destination-path-container { @@ -408,7 +380,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover { .keycard-ident__select-btn { font-family: "Material Symbols Outlined", monospace; - margin-top: .4em; + margin-top: .65em; float: right; background: white; border-radius: 5px; diff --git a/img/app_info_bg.png b/img/app_info_bg.png deleted file mode 100644 index 380f19e..0000000 Binary files a/img/app_info_bg.png and /dev/null differ diff --git a/img/smartcard_install.png b/img/smartcard_install.png deleted file mode 100644 index 4b1702f..0000000 Binary files a/img/smartcard_install.png and /dev/null differ diff --git a/img/smartcard_unpair.png b/img/smartcard_unpair.png deleted file mode 100644 index d51023f..0000000 Binary files a/img/smartcard_unpair.png and /dev/null differ diff --git a/img/smartcard_update.png b/img/smartcard_update.png deleted file mode 100644 index b7d62a6..0000000 Binary files a/img/smartcard_update.png and /dev/null differ diff --git a/index.html b/index.html index af08276..4886495 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@
-