2 lines
2.6 KiB
CSS
2 lines
2.6 KiB
CSS
.content[data-v-a192f984]{height:100vh;display:flex;flex-direction:column;background-color:#f3f3f3}.header-row[data-v-a192f984]{width:100%;margin-top:3.125rem;padding-bottom:.625rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.back-button[data-v-a192f984]{width:2.5rem;height:1.5625rem;margin-left:1rem;display:flex;align-items:center;justify-content:center}.back-icon[data-v-a192f984]{width:1.5rem;height:1.5rem}.title[data-v-a192f984]{font-size:1.125rem;font-weight:500;color:#333}.mark-read-btn[data-v-a192f984]{width:2.5rem;margin-right:1rem;display:flex;justify-content:flex-end}.mark-read-text[data-v-a192f984]{font-size:.75rem;color:#00a0bc}.tab-container[data-v-a192f984]{display:flex;flex-direction:row;padding:0 .75rem .75rem}.tab-item[data-v-a192f984]{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem 0;position:relative;margin:0 .25rem;border-radius:1.5625rem;border:.0625rem solid transparent}.tab-item.active[data-v-a192f984]{background-color:#e5fbff;border-color:#00a0bc}.tab-text[data-v-a192f984]{font-size:.8125rem;color:#666}.tab-text.active[data-v-a192f984]{color:#00a0bc;font-weight:500}.badge[data-v-a192f984]{position:absolute;top:.25rem;right:.125rem;min-width:1rem;height:1rem;padding:0 .25rem;background-color:#ff3b30;border-radius:.5rem;font-size:.625rem;color:#fff;display:flex;align-items:center;justify-content:center}.notification-list[data-v-a192f984]{flex:1;height:0}.notification-item[data-v-a192f984]{width:21.4375rem;background-color:#fff;border-radius:.625rem;padding:1.125rem 1rem;margin:0 auto .75rem;box-shadow:0 .0625rem .5rem rgba(0,0,0,.08);box-sizing:border-box}.notification-item.unread[data-v-a192f984]{background-color:#fff}.item-header[data-v-a192f984]{display:flex;flex-direction:row;align-items:center;margin-bottom:.5rem}.item-title[data-v-a192f984]{font-size:1rem;font-weight:500;color:#333;flex:1}.unread-dot[data-v-a192f984]{width:.375rem;height:.375rem;background-color:#ff3b30;border-radius:50%;margin-left:.5rem;flex-shrink:0}.item-content[data-v-a192f984]{font-size:.875rem;color:#666;line-height:1.7;display:block;margin-bottom:.5rem}.item-time[data-v-a192f984]{font-size:.75rem;color:#999;display:block}.loading-more[data-v-a192f984]{padding:1.25rem;display:flex;justify-content:center}.loading-text[data-v-a192f984]{font-size:.8125rem;color:#999}.empty-state[data-v-a192f984]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:6.25rem}.empty-icon[data-v-a192f984]{width:6.25rem;height:6.25rem;opacity:.3;margin-bottom:1.25rem}.no-data[data-v-a192f984]{font-size:.875rem;color:#999}
|