mirror of
https://gh-proxy.org/https://github.com/klinsmaya/workdsh.git
synced 2026-11-09 18:07:02 +08:00
33 lines
2.9 KiB
CSS
33 lines
2.9 KiB
CSS
.config-dialog{width:min(840px,calc(100vw - 32px));height:min(590px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid #3b3b3b;border-radius:24px;background:#202020;color:#e7e7e7;box-shadow:0 24px 80px #0006}
|
|
.config-dialog::backdrop{background:#000b}
|
|
.config-dialog[open]{display:flex;flex-direction:column}
|
|
.config-dialog .config-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;flex-shrink:0}
|
|
.config-header h2{margin:0;font-size:18px;font-weight:600;line-height:28px}
|
|
.config-dialog button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #3b3b3b;border-radius:10px;padding:8px 16px}
|
|
.config-dialog .config-close{border:0;width:36px;height:36px;padding:6px}
|
|
.config-dialog button:hover{background:#303030}
|
|
.config-dialog button:focus-visible{outline:2px solid #ccc;outline-offset:2px}
|
|
.config-body{flex:1;min-height:0;overflow:auto;padding:0 24px 24px}
|
|
.config-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 18px}
|
|
.config-toolbar p,.config-description{font-size:13px;color:#969696;line-height:22px;margin:0}
|
|
.config-toolbar strong{color:#eee}
|
|
.config-add{display:flex;gap:4px;align-items:center;white-space:nowrap}
|
|
.config-add .ui-icon{width:18px;height:18px}
|
|
.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
|
|
.config-item{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #3b3b3b;border-radius:16px;padding:16px}
|
|
.config-item .config-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#35434a;border-radius:10px;color:#c0d1da}
|
|
.config-item:nth-child(2n) .config-avatar{background:#3c3a32}
|
|
.config-item-text{min-width:0;flex:1}
|
|
.config-item h3{font-size:15px;font-weight:500;line-height:24px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
|
.config-item p{font-size:12px;line-height:20px;color:#929292;margin:2px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
|
.config-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #383838;padding:20px 24px;flex-shrink:0}
|
|
.config-footer button{min-width:80px}
|
|
.config-footer .config-confirm{background:#f4f4f4;color:#202020;border-color:#f4f4f4}
|
|
.config-auth{display:flex;gap:24px}
|
|
.config-auth button{border:0;border-radius:0;padding:10px 0;position:relative;color:#999}
|
|
.config-auth button[aria-selected=true]{color:#eee}
|
|
.config-auth button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:3px;border-radius:3px;background:#eee}
|
|
.config-description{margin:0 0 20px}
|
|
.config-empty{color:#999;text-align:center;padding:64px 12px;font-size:14px}
|
|
@media(max-width:600px){.config-dialog{border-radius:18px}.config-grid{grid-template-columns:1fr}.config-body{padding:0 16px 16px}.config-dialog .config-header,.config-footer{padding:16px}.config-dialog button{min-height:44px}.config-toolbar{gap:8px}}
|