2 lines
5.0 KiB
CSS
2 lines
5.0 KiB
CSS
.device-card-view .device-card[data-v-dafc08db]{background:hsl(var(--card)/95%);border:1px solid hsl(var(--border)/60%);border-radius:8px;box-shadow:0 1px 2px hsl(var(--foreground)/4%),0 1px 6px -1px hsl(var(--foreground)/5%),0 2px 4px hsl(var(--foreground)/5%);height:100%;overflow:hidden;transition:all .3s cubic-bezier(.645,.045,.355,1)}.device-card-view .device-card[data-v-dafc08db]:hover{border-color:hsl(var(--border));box-shadow:0 1px 2px -2px hsl(var(--foreground)/12%),0 3px 6px hsl(var(--foreground)/10%),0 5px 12px 4px hsl(var(--foreground)/8%);transform:translateY(-4px)}.device-card-view .device-card[data-v-dafc08db] .ant-card-body{padding:0}.device-card-view .device-card .card-content[data-v-dafc08db]{display:flex;flex-direction:column;height:100%;padding:16px}.device-card-view .device-card .card-header[data-v-dafc08db]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.device-card-view .device-card .card-header .device-icon[data-v-dafc08db]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #667eea40;color:#fff;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.device-card-view .device-card .card-header .status-badge[data-v-dafc08db]{align-items:center;border:1px solid;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:4px;line-height:18px;padding:2px 10px}.device-card-view .device-card .card-header .status-badge .status-dot[data-v-dafc08db]{background:currentcolor;border-radius:50%;height:6px;width:6px}.device-card-view .device-card .device-name[data-v-dafc08db]{color:hsl(var(--foreground)/90%);font-size:16px;font-weight:600;line-height:24px;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card-view .device-card .info-section[data-v-dafc08db]{flex:1;margin-bottom:16px}.device-card-view .device-card .info-section .info-item[data-v-dafc08db]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.device-card-view .device-card .info-section .info-item[data-v-dafc08db]:last-child{margin-bottom:0}.device-card-view .device-card .info-section .info-item .label[data-v-dafc08db]{color:hsl(var(--foreground)/60%);flex-shrink:0;font-size:13px}.device-card-view .device-card .info-section .info-item .value[data-v-dafc08db]{color:hsl(var(--foreground)/85%);flex:1;font-size:13px;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.device-card-view .device-card .info-section .info-item .value.link[data-v-dafc08db]{color:hsl(var(--primary));cursor:pointer;transition:color .2s}.device-card-view .device-card .info-section .info-item .value.link[data-v-dafc08db]:hover{color:hsl(var(--primary)/85%)}.device-card-view .device-card .info-section .info-item .value.code[data-v-dafc08db]{color:hsl(var(--foreground)/60%);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Consolas,monospace;font-size:12px;font-weight:500}.device-card-view .device-card .action-bar[data-v-dafc08db]{border-top:1px solid hsl(var(--border)/40%);display:flex;gap:8px;padding-top:12px;position:relative;z-index:1}.device-card-view .device-card .action-bar .action-btn[data-v-dafc08db]{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex:1;font-size:13px;font-weight:400;gap:4px;height:32px;justify-content:center;padding:4px 8px;pointer-events:auto;transition:all .2s}.device-card-view .device-card .action-bar .action-btn[data-v-dafc08db] .anticon{font-size:16px}.device-card-view .device-card .action-bar .action-btn.btn-edit[data-v-dafc08db]{background:hsl(var(--primary)/12%);border-color:hsl(var(--primary)/25%);color:hsl(var(--primary))}.device-card-view .device-card .action-bar .action-btn.btn-edit[data-v-dafc08db]:hover{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.device-card-view .device-card .action-bar .action-btn.btn-view[data-v-dafc08db]{background:hsl(var(--warning)/12%);border-color:hsl(var(--warning)/25%);color:hsl(var(--warning))}.device-card-view .device-card .action-bar .action-btn.btn-view[data-v-dafc08db]:hover{background:hsl(var(--warning));border-color:hsl(var(--warning));color:#fff}.device-card-view .device-card .action-bar .action-btn.btn-data[data-v-dafc08db]{background:color-mix(in srgb,hsl(var(--accent)) 40%,hsl(var(--card)) 60%);border-color:color-mix(in srgb,hsl(var(--accent)) 55%,transparent);color:hsl(var(--accent-foreground))}.device-card-view .device-card .action-bar .action-btn.btn-data[data-v-dafc08db]:hover{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.device-card-view .device-card .action-bar .action-btn.btn-delete[data-v-dafc08db]{background:hsl(var(--destructive)/12%);border-color:hsl(var(--destructive)/30%);color:hsl(var(--destructive));flex:0 0 32px;padding:4px}.device-card-view .device-card .action-bar .action-btn.btn-delete[data-v-dafc08db]:hover{background:hsl(var(--destructive));border-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}
|