2 lines
3.7 KiB
CSS
2 lines
3.7 KiB
CSS
.content[data-v-ba9e0216]{height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa}.header[data-v-ba9e0216]{background-color:#fff}.header .status-bar[data-v-ba9e0216]{width:100%;background-color:#fff}.header .header-content[data-v-ba9e0216]{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem}.header .back-button[data-v-ba9e0216]{width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center}.header .back-icon[data-v-ba9e0216]{width:1.25rem;height:1.25rem}.header .header-title[data-v-ba9e0216]{font-size:1.0625rem;font-weight:600;color:#333;flex:1;text-align:center}.header .header-placeholder[data-v-ba9e0216]{width:1.875rem}.tab-container[data-v-ba9e0216]{display:flex;flex-direction:row;padding:.75rem 1rem;background-color:#fff}.tab-item[data-v-ba9e0216]{padding:.4375rem 1.125rem;margin-right:.75rem;border-radius:1.125rem;border:.0625rem solid #E0E0E0;background-color:#fff}.tab-item.active[data-v-ba9e0216]{background-color:#e5fbff;border-color:#00a0bc}.tab-text[data-v-ba9e0216]{font-size:.875rem;color:#666}.tab-text.active[data-v-ba9e0216]{color:#00a0bc;font-weight:500}.appointment-list[data-v-ba9e0216]{flex:1;height:0;width:21.4375rem;margin:.75rem auto}.appointment-item[data-v-ba9e0216]{background-color:#fff;border-radius:.75rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 .125rem .625rem rgba(0,0,0,.05)}.item-title[data-v-ba9e0216]{font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem}.item-row[data-v-ba9e0216]{display:flex;align-items:center;margin-bottom:.5rem}.item-icon[data-v-ba9e0216]{width:1.125rem;height:1.125rem;margin-right:.625rem}.item-text[data-v-ba9e0216]{font-size:.875rem;color:#666}.item-footer[data-v-ba9e0216]{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:.03125rem solid #F0F0F0}.view-detail[data-v-ba9e0216]{font-size:.875rem;color:#00a0bc}.status-text[data-v-ba9e0216]{font-size:.875rem;font-weight:500}.status-in-progress[data-v-ba9e0216]{color:#00a0bc}.status-completed[data-v-ba9e0216]{color:#ff6b6b}.status-cancelled[data-v-ba9e0216]{color:#999}.loading-more[data-v-ba9e0216]{padding:1.25rem;display:flex;justify-content:center}.loading-text[data-v-ba9e0216]{font-size:.8125rem;color:#999}.empty-state[data-v-ba9e0216]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:6.25rem}.empty-icon[data-v-ba9e0216]{font-size:3.75rem;opacity:.3;margin-bottom:.9375rem}.no-data[data-v-ba9e0216]{font-size:.875rem;color:#999}.detail-mask[data-v-ba9e0216]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.detail-popup[data-v-ba9e0216]{width:85%;max-height:70vh;background-color:#fff;border-radius:.75rem;overflow:hidden}.popup-header[data-v-ba9e0216]{display:flex;align-items:center;justify-content:center;padding:1.125rem 1rem;border-bottom:.03125rem solid #F0F0F0;background-color:#fff;position:relative}.popup-title[data-v-ba9e0216]{font-size:1.0625rem;font-weight:600;color:#333}.popup-close[data-v-ba9e0216]{position:absolute;right:1rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.close-icon[data-v-ba9e0216]{width:1.125rem;height:1.125rem}.popup-content[data-v-ba9e0216]{max-height:60vh;padding:0 1.25rem 1.25rem}.detail-item[data-v-ba9e0216]{padding:.875rem 0;border-bottom:.03125rem solid #F5F5F5}.detail-item[data-v-ba9e0216]:last-child{border-bottom:none}.detail-label[data-v-ba9e0216]{font-size:.9375rem;font-weight:600;color:#333;display:block;margin-bottom:.375rem}.detail-value[data-v-ba9e0216]{font-size:.875rem;color:#666;display:block;line-height:1.6;word-break:break-all;white-space:pre-wrap}
|