2 lines
4.2 KiB
CSS
2 lines
4.2 KiB
CSS
.competition-page[data-v-8bdb25e5]{padding:16px;max-width:1400px;margin:0 auto}.page-header[data-v-8bdb25e5]{margin-bottom:20px}.page-header h1[data-v-8bdb25e5]{font-size:22px;color:#1a237e;margin:0 0 6px}.header-subtitle[data-v-8bdb25e5]{color:#666;font-size:13px}.action-bar[data-v-8bdb25e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.left-actions[data-v-8bdb25e5],.right-actions[data-v-8bdb25e5]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-box[data-v-8bdb25e5]{position:relative;flex-grow:1}.search-box input[data-v-8bdb25e5]{padding:6px 10px 6px 28px;border:1px solid #ddd;border-radius:4px;font-size:13px;width:100%;max-width:220px}.search-icon[data-v-8bdb25e5]{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.filter-select[data-v-8bdb25e5]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;min-width:100px;cursor:pointer}.btn-common[data-v-8bdb25e5]{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;border-radius:4px;border:1px solid #b6d2ff;cursor:pointer;transition:all .3s ease}.btn-gradient[data-v-8bdb25e5]{background:linear-gradient(90deg,#71eaeb,#416bdf);color:#fff;border:none}.btn-gradient[data-v-8bdb25e5]:hover{background:linear-gradient(90deg,#416bdf,#71eaeb);transform:translateY(-1px)}.btn-light[data-v-8bdb25e5]{background:#fff;color:#2563eb}.btn-light[data-v-8bdb25e5]:hover{background:#f5f7fa;border-color:#2563eb}.table-container[data-v-8bdb25e5]{background:#fff;border-radius:8px;box-shadow:0 1px 8px #0000000d;overflow-x:auto;margin-bottom:20px;position:relative;min-height:200px}.competition-table[data-v-8bdb25e5]{width:100%;min-width:800px;border-collapse:collapse}.competition-table th[data-v-8bdb25e5],.competition-table td[data-v-8bdb25e5]{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px}.competition-table th[data-v-8bdb25e5]{background-color:#f8f9fa;font-weight:600;color:#1a237e}.competition-row[data-v-8bdb25e5]{cursor:pointer;transition:all .3s ease}.competition-row[data-v-8bdb25e5]:hover{background-color:#f0f7ff;transform:translateY(-1px)}.competition-name[data-v-8bdb25e5]{font-weight:500;color:#1a237e}.status-tag[data-v-8bdb25e5]{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500}.status-tag.prepare[data-v-8bdb25e5]{background-color:#e6a23c;color:#fff}.status-tag.starting[data-v-8bdb25e5]{background-color:#67c23a;color:#fff}.status-tag.finish[data-v-8bdb25e5]{background-color:#909399;color:#fff}.action-cell[data-v-8bdb25e5]{display:flex;gap:6px}.action-btn[data-v-8bdb25e5]{padding:5px 10px;border-radius:4px;background:linear-gradient(90deg,#71eaeb,#416bdf);color:#fff;font-size:13px;border:none;cursor:pointer}.empty-state[data-v-8bdb25e5]{padding:30px;text-align:center;font-size:14px;color:#909399}.error-message[data-v-8bdb25e5]{background-color:#fef0f0;color:#f56c6c;padding:10px 14px;border-radius:4px;display:flex;gap:8px;font-size:13px}.retry-btn[data-v-8bdb25e5]{margin-left:auto;padding:4px 10px;font-size:12px;background:#f56c6c;color:#fff;border:none;border-radius:3px;cursor:pointer}.loading-overlay[data-v-8bdb25e5]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#409eff;font-size:14px}.table-container.loading[data-v-8bdb25e5]{opacity:.6;pointer-events:none}.btn-common[data-v-8bdb25e5]:disabled{opacity:.6;cursor:not-allowed}.action-btn[data-v-8bdb25e5]:disabled{background:#e0e0e0!important;color:#b0b0b0!important;cursor:not-allowed;border:none;opacity:1}@media (max-width: 768px){.competition-page[data-v-8bdb25e5]{padding:12px}.action-bar[data-v-8bdb25e5]{flex-direction:column;gap:10px;align-items:stretch}.left-actions[data-v-8bdb25e5],.right-actions[data-v-8bdb25e5]{flex-direction:column;gap:8px;width:100%}.table-container[data-v-8bdb25e5]{margin:0 -12px;border-radius:0}.competition-table th[data-v-8bdb25e5],.competition-table td[data-v-8bdb25e5]{padding:10px;font-size:12px}.search-box input[data-v-8bdb25e5],.filter-select[data-v-8bdb25e5]{width:100%;max-width:100%}.status-tag[data-v-8bdb25e5]{font-size:10px;padding:2px 5px}}
|