2 lines
2.4 KiB
CSS
2 lines
2.4 KiB
CSS
.content[data-v-d074112a]{display:flex;height:100vh;background-color:#f3f4f8;flex-direction:column;overflow:hidden}.header-title[data-v-d074112a]{width:100%;margin-top:3.75rem;font-size:.9375rem;text-align:center}.divider[data-v-d074112a]{width:100%;height:.0625rem;background-color:#e0e0e0;margin-top:1rem}.divider-vertical[data-v-d074112a]{width:.0625rem;background-color:#e0e0e0}.main-container[data-v-d074112a]{display:flex;flex-direction:row;flex:1;height:calc(100vh - 4.8125rem);overflow:hidden}.category-sidebar[data-v-d074112a]{display:flex;flex-direction:column;width:6.8125rem;min-width:6.8125rem;background-color:#f7f7f7;overflow-y:auto}.category-item[data-v-d074112a]{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-height:2.75rem;padding:.5rem .375rem;position:relative;background:#F7F7F7;color:#000;transition:all .3s ease;box-sizing:border-box}.category-item-active[data-v-d074112a]{background:linear-gradient(to right,#E5FBFF,#77F6F4);color:#00a0bc}.category-indicator[data-v-d074112a]{width:.1875rem;height:.9375rem;border-radius:.625rem;background-color:#00a0bc;position:absolute;left:.375rem}.category-text[data-v-d074112a]{font-size:.875rem;text-align:center;word-break:break-word;line-height:1.4;flex:1}.service-list[data-v-d074112a]{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding-bottom:2.5rem}.loading-container[data-v-d074112a],.empty-container[data-v-d074112a]{display:flex;align-items:center;justify-content:center;padding:3.125rem 0;width:100%}.loading-text[data-v-d074112a],.empty-text[data-v-d074112a]{font-size:.875rem;color:#999}.service-items[data-v-d074112a]{display:flex;flex-direction:column;width:100%}.service-item[data-v-d074112a]{display:flex;flex-direction:column;width:14.625rem;margin:1.25rem auto 0;cursor:pointer;transition:transform .2s}.service-item[data-v-d074112a]:active{transform:scale(.98)}.service-image-wrapper[data-v-d074112a]{width:100%;height:5.625rem;border-radius:.3125rem;overflow:hidden;background-color:#f0f0f0}.service-image[data-v-d074112a]{width:100%;height:100%}.service-image-placeholder[data-v-d074112a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e0e0 0%,#f5f5f5 100%)}.placeholder-icon[data-v-d074112a]{font-size:1.875rem;opacity:.5}.service-title[data-v-d074112a]{font-size:.875rem;margin-top:.375rem;color:#333;font-weight:500}
|