jiapengyu
2 lines
6.2 KiB
CSS
2 lines
6.2 KiB
CSS
.admin-container[data-v-7291cdc6]{min-height:100vh;background:#f5f5f5;padding-bottom:3.75rem}.admin-header[data-v-7291cdc6]{display:flex;justify-content:space-between;align-items:center;padding:1.875rem .9375rem .9375rem;background:linear-gradient(135deg,#36f,#254edb)}.admin-header .header-left .header-title[data-v-7291cdc6]{font-size:1.25rem;font-weight:700;color:#fff;display:block}.admin-header .header-left .header-subtitle[data-v-7291cdc6]{font-size:.75rem;color:rgba(255,255,255,.8);margin-top:.25rem;display:block}.admin-header .header-right[data-v-7291cdc6]{display:flex;align-items:center;background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:1.25rem}.admin-header .header-right .add-icon[data-v-7291cdc6]{font-size:1rem;color:#fff;margin-right:.25rem}.admin-header .header-right .add-text[data-v-7291cdc6]{font-size:.875rem;color:#fff}.search-bar[data-v-7291cdc6]{padding:.625rem .9375rem}.search-bar .search-input-wrap[data-v-7291cdc6]{display:flex;align-items:center;background:#fff;border-radius:1.25rem;padding:0 .9375rem;box-shadow:0 .0625rem .3125rem rgba(0,0,0,.05)}.search-bar .search-input-wrap .search-icon[data-v-7291cdc6]{font-size:.875rem;margin-right:.625rem}.search-bar .search-input-wrap .search-input[data-v-7291cdc6]{flex:1;height:2.5rem;font-size:.875rem}.category-list[data-v-7291cdc6]{padding:0 .9375rem}.category-card[data-v-7291cdc6]{display:flex;align-items:center;background:#fff;border-radius:.625rem;padding:.9375rem;margin-bottom:.625rem;box-shadow:0 .0625rem .3125rem rgba(0,0,0,.05)}.category-card .category-icon-wrap[data-v-7291cdc6]{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#36f,#254edb);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.category-card .category-icon-wrap .category-icon[data-v-7291cdc6]{font-size:1.125rem}.category-card .category-info[data-v-7291cdc6]{flex:1}.category-card .category-info .category-name[data-v-7291cdc6]{font-size:1rem;font-weight:700;color:#333}.category-card .category-info .category-category[data-v-7291cdc6]{font-size:.75rem;color:#999;margin-top:.25rem}.category-card .category-price-info[data-v-7291cdc6]{text-align:right;margin-right:.75rem}.category-card .category-price-info .price-value[data-v-7291cdc6]{font-size:1.125rem;font-weight:700;color:#36f}.category-card .category-price-info .price-unit[data-v-7291cdc6]{font-size:.75rem;color:#999}.category-card .category-actions[data-v-7291cdc6]{display:flex;flex-direction:column}.category-card .category-actions .action-btn[data-v-7291cdc6]{width:1.875rem;height:1.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.3125rem}.category-card .category-actions .action-btn.edit[data-v-7291cdc6]{background:#fff3e0}.category-card .category-actions .action-btn.delete[data-v-7291cdc6]{background:#ffebee}.empty-state[data-v-7291cdc6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.125rem 0}.empty-state .empty-icon[data-v-7291cdc6]{font-size:3.125rem;margin-bottom:.625rem}.empty-state .empty-text[data-v-7291cdc6]{font-size:.875rem;color:#999}.tab-bar[data-v-7291cdc6]{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;padding:.625rem 0 1.875rem;box-shadow:0 -.0625rem .3125rem rgba(0,0,0,.05)}.tab-bar .tab-item[data-v-7291cdc6]{flex:1;display:flex;flex-direction:column;align-items:center}.tab-bar .tab-item .tab-icon[data-v-7291cdc6]{font-size:1.25rem;margin-bottom:.25rem}.tab-bar .tab-item .tab-text[data-v-7291cdc6]{font-size:.6875rem;color:#999}.tab-bar .tab-item.active .tab-text[data-v-7291cdc6]{color:#36f;font-weight:700}.modal-overlay[data-v-7291cdc6]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-box[data-v-7291cdc6]{width:18.75rem;background:#fff;border-radius:.9375rem;overflow:hidden}.modal-overlay .modal-box .modal-header[data-v-7291cdc6]{display:flex;justify-content:space-between;align-items:center;padding:.9375rem;border-bottom:.03125rem solid #eee}.modal-overlay .modal-box .modal-header .modal-title[data-v-7291cdc6]{font-size:1.0625rem;font-weight:700;color:#333}.modal-overlay .modal-box .modal-header .modal-close[data-v-7291cdc6]{font-size:1.25rem;color:#999;padding:.3125rem}.modal-overlay .modal-box .modal-body[data-v-7291cdc6]{padding:.9375rem}.modal-overlay .modal-box .modal-body .form-group[data-v-7291cdc6]{margin-bottom:.9375rem}.modal-overlay .modal-box .modal-body .form-group .form-label[data-v-7291cdc6]{font-size:.875rem;color:#666;margin-bottom:.5rem;display:block}.modal-overlay .modal-box .modal-body .form-group .form-input[data-v-7291cdc6]{width:100%;height:2.5rem;border:.0625rem solid #eee;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;box-sizing:border-box}.modal-overlay .modal-box .modal-body .form-group .form-input.price-input[data-v-7291cdc6]{padding-left:1.875rem}.modal-overlay .modal-box .modal-body .form-group .price-input-wrap[data-v-7291cdc6]{position:relative}.modal-overlay .modal-box .modal-body .form-group .price-input-wrap .price-symbol[data-v-7291cdc6]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#36f;font-weight:700}.modal-overlay .modal-box .modal-body .form-group .unit-options[data-v-7291cdc6]{display:flex}.modal-overlay .modal-box .modal-body .form-group .unit-options .unit-option[data-v-7291cdc6]{flex:1;height:2.5rem;border:.0625rem solid #eee;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;margin-right:.625rem}.modal-overlay .modal-box .modal-body .form-group .unit-options .unit-option[data-v-7291cdc6]:last-child{margin-right:0}.modal-overlay .modal-box .modal-body .form-group .unit-options .unit-option.active[data-v-7291cdc6]{border-color:#36f;color:#36f;background:rgba(51,102,255,.1)}.modal-overlay .modal-box .modal-footer[data-v-7291cdc6]{display:flex;border-top:.03125rem solid #eee}.modal-overlay .modal-box .modal-footer .modal-btn[data-v-7291cdc6]{flex:1;height:2.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.modal-overlay .modal-box .modal-footer .modal-btn.cancel[data-v-7291cdc6]{color:#666;border-right:.03125rem solid #eee}.modal-overlay .modal-box .modal-footer .modal-btn.confirm[data-v-7291cdc6]{color:#36f;font-weight:700}
|