update frontend
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user