2 lines
2.6 KiB
CSS
2 lines
2.6 KiB
CSS
.notif[data-v-feb27aa4]{background:var(--c-page);min-height:100vh}.notif__body[data-v-feb27aa4]{padding-top:76px;padding-bottom:100px}.notif__hint[data-v-feb27aa4]{margin:0 0 12px;font-size:12px;color:var(--c-inkFaint)}.notif__list[data-v-feb27aa4]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.notif__item[data-v-feb27aa4]{display:flex;gap:12px;align-items:flex-start;padding:14px 14px 13px;border-radius:18px;background:var(--c-canvas);border:1px solid var(--c-hairline);transition:border-color .2s ease,background .2s ease}.notif__item[data-kind=message][data-v-feb27aa4]{cursor:pointer}.notif__item.is-unread[data-v-feb27aa4]{border-color:color-mix(in srgb,var(--c-wine) 22%,var(--c-hairline));background:color-mix(in srgb,var(--c-wineWash) 55%,var(--c-canvas))}.notif__icon[data-v-feb27aa4]{flex:0 0 40px;width:40px;height:40px;border-radius:14px;display:grid;place-items:center}.notif__main[data-v-feb27aa4]{flex:1;min-width:0}.notif__top[data-v-feb27aa4]{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.notif__title[data-v-feb27aa4]{margin:0;font-size:13px;font-weight:800;color:var(--c-ink);line-height:1.5}.notif__when[data-v-feb27aa4]{flex:0 0 auto;font-size:10.5px;color:var(--c-inkFaint);white-space:nowrap}.notif__body[data-v-feb27aa4]{margin:4px 0 0;font-size:12px;line-height:1.75;color:var(--c-inkMuted)}.notif__meta[data-v-feb27aa4]{display:inline-block;margin-top:7px;font-size:11px;font-weight:700;color:var(--c-inkSoft)}.notif__dot[data-v-feb27aa4]{flex:0 0 8px;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--c-wine)}.notif__empty[data-v-feb27aa4]{margin-top:18px;padding:42px 22px 36px;border-radius:22px;border:1px solid var(--c-hairline);background:var(--c-canvas);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.notif__emptyIcon[data-v-feb27aa4]{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--c-wine);background:var(--c-wineWash);margin-bottom:6px}.notif__emptyTitle[data-v-feb27aa4]{margin:0;font-size:15px;font-weight:800;color:var(--c-ink)}.notif__emptyText[data-v-feb27aa4]{margin:0;max-width:280px;font-size:12.5px;line-height:1.85;color:var(--c-inkMuted)}.notif__cta[data-v-feb27aa4]{margin-top:14px;padding:11px 22px;border:0;cursor:pointer;border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:700;color:#fff;background:var(--c-primary);transition:transform .15s ease}.notif__cta[data-v-feb27aa4]:active{transform:scale(.98)}.notif__cta--ghost[data-v-feb27aa4]{color:var(--c-wine);background:var(--c-wineWash)}
|