2 lines
3.2 KiB
CSS
2 lines
3.2 KiB
CSS
|
.my-application[data-v-fdb700dc]{width:100%;background:linear-gradient(135deg,#f0f7ff,#e6f5ff);min-height:100vh;padding:30px;position:relative}.page-container[data-v-fdb700dc]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.main-card[data-v-fdb700dc]{border-radius:20px;border:none;box-shadow:0 8px 32px #165dff1a;background:#fff;overflow:hidden}.card-header[data-v-fdb700dc]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e4e7ed}.header-content[data-v-fdb700dc]{display:flex;align-items:center;gap:24px}.page-title[data-v-fdb700dc]{font-size:24px;font-weight:600;color:#303133;margin:0}.header-actions[data-v-fdb700dc]{display:flex;align-items:center;gap:16px}.start-process-btn[data-v-fdb700dc]{padding:8px 20px;border-radius:8px;background:linear-gradient(135deg,#165dff,#1a75ff);color:#fff;border:none;font-weight:500;transition:all .3s ease}.start-process-btn[data-v-fdb700dc]:hover{background:linear-gradient(135deg,#1a75ff,#2a7bff);transform:translateY(-1px);box-shadow:0 4px 12px #165dff4d}.table-container[data-v-fdb700dc]{padding:0 32px 32px}.el-table[data-v-fdb700dc]{border-radius:12px;overflow:hidden}.el-table th[data-v-fdb700dc]{background:#f0f7ff;color:#303133;font-weight:500;border-bottom:1px solid #e4e7ed}.el-table td[data-v-fdb700dc]{padding:16px 0;border-bottom:1px solid #f0f7ff}.el-table td[data-v-fdb700dc]:last-child{padding-right:24px}.action-buttons[data-v-fdb700dc]{display:flex;gap:8px}.action-buttons .el-button[data-v-fdb700dc]{padding:4px 8px;font-size:12px}.action-buttons .el-button[data-v-fdb700dc]:hover{transform:translateY(-1px)}.process-select-dialog[data-v-fdb700dc]{border-radius:16px}.process-template-btn[data-v-fdb700dc]{width:100%;margin-bottom:12px;height:56px;font-size:16px;border-radius:12px;background:#f8f9fa;border:1px solid #e4e7ed;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:500}.process-template-btn[data-v-fdb700dc]:hover{background:linear-gradient(135deg,#165dff,#1a75ff);color:#fff;border-color:#165dff;transform:translateY(-2px);box-shadow:0 4px 12px #165dff33}.dialog-footer[data-v-fdb700dc]{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}.dialog-footer .el-button[data-v-fdb700dc]{padding:8px 20px;border-radius:8px}.my-application[data-v-fdb700dc]:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,rgba(22,93,255,.03) 0%,transparent 100%);z-index:0}.my-application[data-v-fdb700dc]:after{content:"";position:absolute;bottom:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(22,93,255,.05) 0%,transparent 70%);border-radius:50%;z-index:0}@media (max-width: 768px){.my-application[data-v-fdb700dc]{padding:20px}.main-card[data-v-fdb700dc]{margin:0 10px}.card-header[data-v-fdb700dc]{padding:20px}.table-container[data-v-fdb700dc]{padding:0 16px 16px}.page-title[data-v-fdb700dc]{font-size:20px}}[data-v-fdb700dc]::-webkit-scrollbar{width:8px;height:8px}[data-v-fdb700dc]::-webkit-scrollbar-track{background:#f0f7ff;border-radius:4px}[data-v-fdb700dc]::-webkit-scrollbar-thumb{background:#165dff;border-radius:4px;transition:all .3s ease}[data-v-fdb700dc]::-webkit-scrollbar-thumb:hover{background:#1a75ff;box-shadow:0 0 6px #165dff4d}
|