gru/expense-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-04-05 13:40:27 +02:00
commit 9a6e77a5fc
89 changed files with 18276 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
web/src/styles.scss Normal file
View File

@@ -0,0 +1,324 @@
@import "@tabler/core/dist/css/tabler.min.css";
:root {
--tblr-primary: #111827;
--tblr-primary-rgb: 17, 24, 39;
--tblr-border-radius: 0.75rem;
--tblr-border-radius-lg: 0.9rem;
--tblr-border-radius-sm: 0.45rem;
--tblr-card-border-radius: 0.9rem;
--tblr-body-bg: #f4f6f8;
--ec-shell-bg: #f4f6f8;
--ec-card-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
--ec-card-border: rgba(15, 23, 42, 0.08);
--ec-navbar-bg: rgba(255, 255, 255, 0.95);
--ec-subnav-bg: rgba(255, 255, 255, 0.9);
}
html,
body {
min-height: 100%;
}
body {
background: var(--ec-shell-bg);
}
[data-bs-theme="dark"] {
--tblr-primary: #0f172a;
--tblr-primary-rgb: 15, 23, 42;
--tblr-body-bg: #06080d;
--ec-shell-bg: #06080d;
--ec-card-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
--ec-card-border: rgba(255, 255, 255, 0.06);
--ec-navbar-bg: rgba(6, 8, 13, 0.96);
--ec-subnav-bg: rgba(10, 13, 20, 0.96);
}
.page {
min-height: 100vh;
}
.page-body {
padding-top: 1rem;
padding-bottom: 1.5rem;
}
.pv-navbar,
.pv-subnav {
backdrop-filter: blur(10px);
}
.pv-navbar {
background: var(--ec-navbar-bg);
border-bottom: 1px solid var(--ec-card-border);
}
.pv-subnav {
background: var(--ec-subnav-bg);
border-bottom: 1px solid var(--ec-card-border);
}
.pv-subnav-shell {
display: flex;
align-items: center;
gap: 1rem;
min-height: 4rem;
padding-block: 0.65rem;
}
.pv-subnav-main {
width: 100%;
}
.pv-subnav-tabs {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.pv-subnav .nav-link {
border-radius: 999px;
padding: 0.55rem 0.9rem;
font-weight: 600;
color: var(--tblr-secondary);
}
.pv-subnav .nav-link.active {
background: #111827;
color: #fff;
}
[data-bs-theme="dark"] .pv-subnav .nav-link.active {
background: #f8fafc;
color: #0f172a;
}
.pv-navbar-user {
min-width: 0;
}
.card,
.pv-card,
.login-card,
.modal-content,
.alert,
.toast {
border: 1px solid var(--ec-card-border);
box-shadow: var(--ec-card-shadow);
}
.card-header,
.card-body,
.login-card .card-body {
padding: 1rem;
}
.card .card-title,
.login-card .card-title {
font-weight: 700;
}
.ec-page-header .page-title,
.page-title,
.display-6,
.h1,
.h2,
.h3 {
letter-spacing: -0.03em;
}
.ec-page-header-actions {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
justify-content: flex-end;
}
.ec-chart-wrap {
width: 100%;
height: 340px;
max-width: 100%;
margin-inline: auto;
}
.ec-chart-wrap-sm {
height: 280px;
}
.login-page-shell {
min-height: 100vh;
background:
radial-gradient(circle at top, rgba(255, 255, 255, 0.03), transparent 30%),
var(--ec-shell-bg);
}
.login-layout {
min-height: calc(100vh - 3rem);
}
.login-card-enhanced {
overflow: hidden;
}
.login-input-stack {
display: grid;
gap: 1rem;
}
.login-submit-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
}
.login-footer-note {
margin-top: 1rem;
color: var(--tblr-secondary);
font-size: 0.875rem;
}
.table-responsive {
overflow-x: auto;
}
.card-table tbody tr:last-child td {
border-bottom-width: 0;
}
.toast-host {
z-index: 1080;
width: min(420px, 100vw);
top: 5rem !important;
}
.toast-host .toast {
opacity: 1;
background-clip: padding-box;
}
.ec-segmented-control {
gap: 0.35rem;
}
.ec-segmented-control .nav-link {
min-width: 3rem;
justify-content: center;
font-weight: 600;
}
.ec-segmented-control .nav-link.active {
box-shadow: inset 0 0 0 1px rgba(var(--tblr-primary-rgb), 0.1);
}
.login-toolbar-controls {
min-width: min(100%, 17rem);
}
.ec-toast {
width: min(420px, calc(100vw - 1.5rem));
border-top: 3px solid transparent;
backdrop-filter: blur(10px);
}
.ec-toast .toast-header,
.ec-toast .toast-body {
background: transparent;
}
.ec-toast-success {
border-top-color: var(--tblr-success);
}
.ec-toast-danger {
border-top-color: var(--tblr-danger);
}
.ec-toast-warning {
border-top-color: var(--tblr-warning);
}
.ec-toast-info {
border-top-color: var(--tblr-info);
}
.ec-toast-dot {
width: 0.625rem;
height: 0.625rem;
border-radius: 999px;
display: inline-block;
}
.ec-proof-preview {
width: 100%;
max-height: 75vh;
object-fit: contain;
}
.ec-card-header-muted {
color: var(--tblr-secondary);
font-size: 0.875rem;
}
.ec-color-swatch {
width: 1.25rem;
height: 1.25rem;
border-radius: 999px;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.dropdown-menu {
border: 1px solid var(--ec-card-border);
}
@media (max-width: 992px) {
.pv-subnav-shell,
.pv-subnav-main {
align-items: flex-start;
flex-direction: column;
}
.pv-subnav-tabs {
overflow-x: auto;
flex-wrap: nowrap;
width: 100%;
padding-bottom: 0.25rem;
}
.ec-chart-wrap {
height: 300px;
}
.ec-chart-wrap-sm {
height: 250px;
}
}
@media (max-width: 768px) {
.page-body {
padding-top: 0.75rem;
}
.pv-navbar-user {
display: none;
}
.ec-page-header-actions {
justify-content: stretch;
}
.ec-page-header-actions > .btn {
flex: 1 1 100%;
}
.toast-host {
top: 4.5rem !important;
left: 0;
right: 0;
width: 100%;
}
}