fix: kiosk toggle sync, load more animation, remove nsis target
This commit is contained in:
52
src/styles/dialogs.css
Normal file
52
src/styles/dialogs.css
Normal file
@@ -0,0 +1,52 @@
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
transition: background 0.22s ease;
|
||||
}
|
||||
|
||||
body.visible { background: rgba(0, 0, 0, 0.78); }
|
||||
body.hiding { background: rgba(0, 0, 0, 0); }
|
||||
|
||||
.card {
|
||||
background: #1c1c1c;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 12px;
|
||||
padding: 32px 36px;
|
||||
text-align: center;
|
||||
min-width: 300px;
|
||||
max-width: 420px;
|
||||
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.8);
|
||||
opacity: 0;
|
||||
transform: scale(0.92) translateY(10px);
|
||||
transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
}
|
||||
|
||||
body.visible .card { opacity: 1; transform: scale(1) translateY(0); }
|
||||
body.hiding .card { opacity: 0; transform: scale(0.95) translateY(6px); }
|
||||
|
||||
.title { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 10px; }
|
||||
.msg { font-size: 13px; color: #999; line-height: 1.5; margin-bottom: 26px; }
|
||||
|
||||
.btns { display: flex; gap: 10px; justify-content: center; }
|
||||
|
||||
button {
|
||||
padding: 10px 26px;
|
||||
border: none;
|
||||
border-radius: 7px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.15s, transform 0.1s;
|
||||
}
|
||||
button:hover { opacity: 0.85; }
|
||||
button:active { transform: scale(0.97); }
|
||||
|
||||
.btn-yes { background: #E50914; color: #fff; }
|
||||
.btn-no,
|
||||
.btn-ok { background: rgba(255, 255, 255, 0.1); color: #ccc; }
|
||||
Reference in New Issue
Block a user