2 lines
1.8 KiB
CSS
2 lines
1.8 KiB
CSS
.kiosk-root[data-v-4bc5ca3f]{position:fixed;inset:0;background:#000;outline:none;overflow:hidden;z-index:9999}.kiosk-launcher[data-v-4bc5ca3f]{height:100vh;display:flex;flex-direction:column;padding:2rem 3rem;background:linear-gradient(180deg,#0a0a12,#000)}.kiosk-header[data-v-4bc5ca3f]{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2rem}.kiosk-status-pill[data-v-4bc5ca3f]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.kiosk-grid[data-v-4bc5ca3f]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;align-content:start;overflow-y:auto;padding:.5rem}.kiosk-app-tile[data-v-4bc5ca3f]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem .75rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .25s ease;cursor:pointer}.kiosk-app-tile[data-v-4bc5ca3f]:hover,.kiosk-app-tile[data-v-4bc5ca3f]:focus-visible{background:#ffffff1a;border-color:#fb923c66;transform:scale(1.05);box-shadow:0 0 30px #fb923c26;outline:none}.kiosk-app-icon-wrap[data-v-4bc5ca3f]{position:relative;width:64px;height:64px}.kiosk-app-icon[data-v-4bc5ca3f]{width:64px;height:64px;border-radius:16px;-o-object-fit:cover;object-fit:cover;background:#ffffff0d}.kiosk-app-status[data-v-4bc5ca3f]{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #000}.kiosk-app-label[data-v-4bc5ca3f]{font-size:.8125rem;font-weight:500;color:#ffffffd9;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kiosk-footer[data-v-4bc5ca3f]{padding-top:1.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.06);margin-top:1.5rem}
|