Kahroba/team-presence
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lots of changes

Browse Source
This commit is contained in:
nfel
2026-07-28 14:43:54 +03:30
parent b129d871c3
commit d94ba86953
13 changed files with 406 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/app/static/style.css
+61
View File
@@ -320,6 +320,10 @@ blockquote { margin: 10px 0; padding-left: 12px; border-left: 2px solid #d8dfdb;
.update-delete { text-align: right; }
.day-page-head { align-items: center; }
.day-view-controls { display: flex; gap: 9px; align-items: end; }
.view-switch { display: flex; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); box-shadow: var(--shadow); }
.view-switch a { display: grid; min-width: 52px; height: 37px; place-items: center; border-radius: 8px; color: var(--muted); font-size: .69rem; font-weight: 700; }
.view-switch a.active { background: var(--ink); color: var(--white); }
.day-date-form { display: grid; grid-template-columns: 190px auto; gap: 9px; align-items: end; padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: var(--white); box-shadow: var(--shadow); }
.day-date-form input { margin-top: 4px; padding-top: 8px; padding-bottom: 8px; }
.day-date-form .jalali-trigger { top: 10px; }
@@ -356,6 +360,45 @@ blockquote { margin: 10px 0; padding-left: 12px; border-left: 2px solid #d8dfdb;
.presence-badge.remote { background: #e9eff7; color: #4c6e96; }
.presence-badge.absent { background: #f8e9e7; color: #a34d47; }
.week-layout { max-width: 1380px; margin: 0 auto; }
.week-calendar { overflow: hidden; }
.week-toolbar { display: flex; justify-content: space-between; align-items: center; min-height: 80px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.week-navigation { display: grid; grid-template-columns: 35px auto 35px; gap: 12px; align-items: center; }
.week-navigation > a { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: var(--white); font-size: 1.2rem; }
.week-navigation > a:hover { background: var(--paper); }
.week-navigation h2 { margin: 0; font-size: 1rem; }
.week-navigation .eyebrow { margin-bottom: 3px; font-size: .56rem; }
.week-totals { display: flex; gap: 15px; color: var(--muted); font-size: .62rem; }
.week-totals span { display: flex; gap: 6px; align-items: center; }
.week-totals strong { color: var(--ink); font-size: .78rem; }
.week-grid { display: grid; grid-template-columns: repeat(7, minmax(190px, 1fr)); overflow-x: auto; background: var(--line); gap: 1px; scrollbar-width: thin; }
.week-day-column { min-width: 190px; min-height: 480px; background: var(--white); }
.week-day-column.friday { background: #fcfaf6; }
.week-day-column.today { box-shadow: inset 0 3px 0 var(--green); }
.week-day-head { display: block; min-height: 92px; padding: 13px 12px 10px; border-bottom: 1px solid var(--line); text-align: center; }
.week-day-head:hover { background: var(--paper); }
.week-day-head > span { display: block; color: var(--muted); font-size: .56rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.week-day-head > strong { display: block; margin-top: 7px; font-size: .82rem; }
.week-day-head > small { display: block; overflow: hidden; margin-top: 3px; color: #929c97; font-size: .53rem; text-overflow: ellipsis; white-space: nowrap; }
.week-day-column.today .week-day-head > strong { color: var(--green); }
.week-day-counts { display: grid; grid-template-columns: repeat(3, 1fr); margin: 9px; border-radius: 8px; background: var(--paper); text-align: center; }
.week-day-counts span { padding: 5px 2px; font-size: .58rem; font-weight: 700; }
.week-day-counts .present { color: #347052; }
.week-day-counts .remote { color: #4c6e96; }
.week-day-counts .absent { color: #a34d47; }
.week-records { display: grid; gap: 6px; padding: 0 8px 12px; }
.week-record { position: relative; overflow: hidden; padding: 9px; border: 1px solid transparent; border-radius: 8px; }
.week-record.present { border-color: #b9d9c7; background: #e9f4ed; }
.week-record.remote { border-color: #c1d2e6; background: #eaf1f8; }
.week-record.absent { border-color: #e5c1bd; background: #f9eae8; }
.week-record-person { display: grid; grid-template-columns: 27px 1fr; gap: 7px; align-items: center; min-width: 0; }
.week-record-person .avatar { width: 27px; height: 27px; font-size: .59rem; }
.week-record-person img.avatar { display: block; object-fit: cover; }
.week-record-person strong { display: block; overflow: hidden; color: #25322c; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.week-record-person small { display: block; overflow: hidden; margin-top: 2px; color: #69756f; font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }
.week-record-status { display: flex; gap: 5px; align-items: center; margin: 7px 0 0 34px; color: #5d6963; font-size: .51rem; font-weight: 700; text-transform: uppercase; }
.week-record-status .presence-mark { width: 6px; height: 6px; box-shadow: none; }
.login-page { display: grid; grid-template-columns: 1.06fr .94fr; min-height: 100vh; }
.login-story { position: relative; display: flex; flex-direction: column; overflow: hidden; padding: 46px clamp(38px, 6vw, 85px); background: var(--green); color: #fff; }
.login-story::before { position: absolute; right: -150px; bottom: -170px; width: 580px; height: 580px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.025), 0 0 0 160px rgba(255,255,255,.018); content: ""; }
@@ -435,6 +478,14 @@ html[data-theme="dark"] .presence-mark.absent { box-shadow: 0 0 0 3px #4a2c2a; }
html[data-theme="dark"] .presence-badge.present { background: #1d3b2c; color: #8fd0ae; }
html[data-theme="dark"] .presence-badge.remote { background: #26394d; color: #9ab8dc; }
html[data-theme="dark"] .presence-badge.absent { background: #432725; color: #efa09a; }
html[data-theme="dark"] .week-day-column { background: var(--white); }
html[data-theme="dark"] .week-day-column.friday { background: #201f19; }
html[data-theme="dark"] .week-record.present { border-color: #315c47; background: #1b3528; }
html[data-theme="dark"] .week-record.remote { border-color: #36516d; background: #24394e; }
html[data-theme="dark"] .week-record.absent { border-color: #67403d; background: #3a2422; }
html[data-theme="dark"] .week-record-person strong { color: #edf4f0; }
html[data-theme="dark"] .week-record-person small,
html[data-theme="dark"] .week-record-status { color: #aab7b0; }
html[data-theme="dark"] .notice.success { border-color: #315c47; background: #183426; color: #91d1af; }
html[data-theme="dark"] .notice.error { border-color: #67403d; background: #35201f; color: #f1a09a; }
html[data-theme="dark"] .badge.pending { background: #453820; color: #e3bd72; }
@@ -481,6 +532,9 @@ html[data-theme="dark"] .kanban-cards.drag-over { background: rgba(107, 172, 142
.updates-layout { grid-template-columns: 1fr; }
.day-summary-card { grid-template-columns: 1fr; gap: 20px; }
.day-stats { padding-top: 18px; border-top: 1px solid var(--line); border-left: 0; }
.day-page-head { display: block; }
.day-view-controls { margin-top: 18px; }
.week-grid { grid-template-columns: repeat(7, 210px); }
.report-page-head { display: block; }
.report-range-filter { width: max-content; max-width: 100%; margin-top: 18px; }
.accumulated-totals { grid-template-columns: repeat(3, 1fr); }
@@ -501,7 +555,10 @@ html[data-theme="dark"] .kanban-cards.drag-over { background: rgba(107, 172, 142
.main { padding: 26px 15px 90px; }
.page-head { align-items: start; }
.day-page-head { display: block; }
.day-view-controls { display: grid; grid-template-columns: auto 1fr; align-items: stretch; }
.view-switch { align-self: start; }
.day-date-form { grid-template-columns: 1fr auto; margin-top: 20px; }
.day-view-controls .day-date-form { margin-top: 0; }
.today-pill { display: none; }
.stats-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.stat { padding: 12px; }
@@ -539,6 +596,10 @@ html[data-theme="dark"] .kanban-cards.drag-over { background: rgba(107, 172, 142
.kanban-column { scroll-snap-align: start; }
.filter-tabs { display: none; }
.day-summary-card, .roster-card { padding: 18px; }
.week-toolbar { display: block; padding: 14px; }
.week-totals { margin-top: 13px; }
.week-grid { grid-template-columns: repeat(7, 82vw); scroll-snap-type: x mandatory; }
.week-day-column { min-width: 82vw; min-height: 400px; scroll-snap-align: start; }
.day-date-nav { grid-template-columns: 33px 1fr 33px; gap: 9px; }
.day-date-nav > a { width: 33px; height: 33px; }
.day-stats > div { padding: 7px 10px; }