update frontend

This commit is contained in:
2025-11-07 23:00:34 +03:00
parent bb17b1a4cd
commit 8781b56b26
5 changed files with 10 additions and 60 deletions

View File

@@ -44,16 +44,13 @@ body {
/* Kart yapısı */ /* Kart yapısı */
.card { .card {
background: var(--background-color); background: var(--background-color);
border: 1px solid var(--card-border-color); border: 1px solid #5B5865;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: none;
padding: 2rem; padding: 2rem;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.card:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
/* Buton stilleri */ /* Buton stilleri */
.btn { .btn {

View File

@@ -10,15 +10,7 @@
</div> </div>
<div class="navbar-menu"> <div class="navbar-menu">
<a href="/" class="nav-link {$page.url.pathname === '/' ? 'active' : ''}">
Ana Sayfa
</a>
<a href="/dashboard" class="nav-link {$page.url.pathname.startsWith('/dashboard') ? 'active' : ''}">
Dashboard
</a>
<a href="/fuel-slips" class="nav-link {$page.url.pathname === '/fuel-slips' ? 'active' : ''}">
Yakıt Fişleri
</a>
</div> </div>
</div> </div>
</nav> </nav>

View File

@@ -1205,15 +1205,11 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 1.5rem; padding: 1.5rem;
border: 1px solid var(--card-border-color); border: 1px solid #5B5865;
border-radius: 12px; border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease;
} }
.stat-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.stat-icon { .stat-icon {
width: 60px; width: 60px;
@@ -1336,7 +1332,7 @@
.sidebar { .sidebar {
width: 280px; width: 280px;
background: white; background: white;
border: 1px solid var(--card-border-color); border: 1px solid #5B5865;
border-radius: 12px; border-radius: 12px;
padding: 1.5rem; padding: 1.5rem;
height: fit-content; height: fit-content;
@@ -1396,11 +1392,6 @@
text-align: left; text-align: left;
} }
.nav-btn:hover {
background: var(--primary-color);
color: white;
transform: translateX(4px);
}
.nav-btn.active { .nav-btn.active {
background: var(--primary-color); background: var(--primary-color);
@@ -1764,20 +1755,6 @@
border-color: #BFDBFE; border-color: #BFDBFE;
} }
.fuel-summary-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
.fuel-summary-card.benzin:hover {
background: #FED7AA;
border-color: #FDBA74;
}
.fuel-summary-card.motorin:hover {
background: #BFDBFE;
border-color: #93C5FD;
}
.summary-icon-wrapper { .summary-icon-wrapper {
width: 64px; width: 64px;
@@ -1846,7 +1823,7 @@
.table-container { .table-container {
background: white; background: white;
border-radius: 12px; border-radius: 12px;
border: 1px solid var(--card-border-color); border: 1px solid #5B5865;
overflow: hidden; overflow: hidden;
} }
@@ -1925,10 +1902,6 @@
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.fuel-table tbody tr:hover {
background: #F9FAFB;
transform: scale(1.001);
}
.fuel-table tbody tr:last-child td { .fuel-table tbody tr:last-child td {
border-bottom: none; border-bottom: none;

View File

@@ -288,12 +288,6 @@
</button> </button>
<h1 class="page-title">Yakıt İşlemleri</h1> <h1 class="page-title">Yakıt İşlemleri</h1>
</div> </div>
<div class="header-right">
<span class="user-info">👤 {user?.full_name}</span>
<button class="btn btn-inactive" on:click={handleLogout}>
Çıkış
</button>
</div>
</div> </div>
{#if error} {#if error}

View File

@@ -201,12 +201,6 @@
<span>Bekleyen Fiş</span> <span>Bekleyen Fiş</span>
</div> </div>
</div> </div>
<div class="header-right">
<span class="user-info">👤 {user?.full_name}</span>
<button class="btn btn-inactive" on:click={handleLogout}>
Çıkış
</button>
</div>
</div> </div>
{#if error} {#if error}