update frontend
This commit is contained in:
@@ -44,16 +44,13 @@ body {
|
||||
/* Kart yapısı */
|
||||
.card {
|
||||
background: var(--background-color);
|
||||
border: 1px solid var(--card-border-color);
|
||||
border: 1px solid #5B5865;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: none;
|
||||
padding: 2rem;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* Buton stilleri */
|
||||
.btn {
|
||||
|
||||
@@ -10,15 +10,7 @@
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</nav>
|
||||
|
||||
@@ -1205,16 +1205,12 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 1.5rem;
|
||||
border: 1px solid var(--card-border-color);
|
||||
border: 1px solid #5B5865;
|
||||
border-radius: 12px;
|
||||
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 {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -1336,7 +1332,7 @@
|
||||
.sidebar {
|
||||
width: 280px;
|
||||
background: white;
|
||||
border: 1px solid var(--card-border-color);
|
||||
border: 1px solid #5B5865;
|
||||
border-radius: 12px;
|
||||
padding: 1.5rem;
|
||||
height: fit-content;
|
||||
@@ -1396,12 +1392,7 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.nav-btn:hover {
|
||||
background: var(--primary-color);
|
||||
color: white;
|
||||
transform: translateX(4px);
|
||||
}
|
||||
|
||||
|
||||
.nav-btn.active {
|
||||
background: var(--primary-color);
|
||||
color: white;
|
||||
@@ -1764,21 +1755,7 @@
|
||||
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 {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
@@ -1846,7 +1823,7 @@
|
||||
.table-container {
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--card-border-color);
|
||||
border: 1px solid #5B5865;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -1925,11 +1902,7 @@
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.fuel-table tbody tr:hover {
|
||||
background: #F9FAFB;
|
||||
transform: scale(1.001);
|
||||
}
|
||||
|
||||
|
||||
.fuel-table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
@@ -288,12 +288,6 @@
|
||||
</button>
|
||||
<h1 class="page-title">Yakıt İşlemleri</h1>
|
||||
</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>
|
||||
|
||||
{#if error}
|
||||
|
||||
@@ -201,12 +201,6 @@
|
||||
<span>Bekleyen Fiş</span>
|
||||
</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>
|
||||
|
||||
{#if error}
|
||||
|
||||
Reference in New Issue
Block a user