safavimohadeseh78
bbb3a15d1c
Replace standalone customer create and meeting report pages with overlays, add TimeInput, remove opaque input backgrounds app-wide, improve desktop layouts/skeletons, and refresh shopping, customer, and reminder screens.
2 lines
2.2 KiB
CSS
2 lines
2.2 KiB
CSS
.notif-box[data-v-7e884b50]{flex-direction:column;gap:10px;display:flex}.notif-box__head[data-v-7e884b50]{justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.notif-box__count[data-v-7e884b50]{color:var(--color-text-muted);font-size:.8125rem}.notif-box__mark[data-v-7e884b50]{width:auto;padding-inline:14px}.notif-row[data-v-7e884b50]{text-align:right;border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;border-radius:14px;grid-template-columns:40px minmax(0,1fr);align-items:flex-start;gap:12px;padding:14px 16px;font-family:inherit;transition:border-color .15s;display:grid}.notif-row[data-v-7e884b50]:hover{border-color:var(--color-primary)}.notif-row--unread[data-v-7e884b50]{background:var(--color-tab-inactive-bg)}.notif-row__icon[data-v-7e884b50]{background:var(--color-info-light);width:40px;height:40px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-row--success .notif-row__icon[data-v-7e884b50]{background:var(--color-success-light);color:var(--color-success)}.notif-row--warning .notif-row__icon[data-v-7e884b50]{background:var(--color-warning-light);color:var(--color-warning)}.notif-row--danger .notif-row__icon[data-v-7e884b50]{background:var(--color-danger-light);color:var(--color-danger)}.notif-row__body[data-v-7e884b50]{flex-direction:column;gap:4px;min-width:0;display:flex}.notif-row__title-row[data-v-7e884b50]{align-items:center;gap:8px;display:flex}.notif-row__title[data-v-7e884b50]{font-size:.875rem;font-weight:700}.notif-row__text[data-v-7e884b50]{color:var(--color-text-muted);font-size:.8125rem;line-height:1.6}.notif-row__time[data-v-7e884b50]{color:var(--color-text-muted);font-size:.6875rem}.notif-row__dot[data-v-7e884b50]{background:var(--color-danger);border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width>=768px){.notif-box[data-v-7e884b50]{gap:12px}.notif-row[data-v-7e884b50]{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:16px 18px}.notif-row__icon[data-v-7e884b50]{width:44px;height:44px}.notif-row__title[data-v-7e884b50]{font-size:.9375rem}.notif-row__text[data-v-7e884b50]{font-size:.875rem}.notif-row__time[data-v-7e884b50]{margin-top:2px}}
|