diff --git a/src/lib/components/GoodsManagersContent.svelte b/src/lib/components/GoodsManagersContent.svelte index 9520738..2bdc8e0 100644 --- a/src/lib/components/GoodsManagersContent.svelte +++ b/src/lib/components/GoodsManagersContent.svelte @@ -312,24 +312,49 @@
- 📄 Sicil No: - {manager.registration_number} +
+ +
+
+ Sicil No: + {manager.registration_number} +
- 🆔 TC Kimlik: - {manager.tc_kimlik} +
+ +
+
+ TC Kimlik: + {manager.tc_kimlik} +
- 🏢 Birlik: - {manager.unit_name || 'Belirtilmemiş'} +
+ +
+
+ Birlik: + {manager.unit_name || 'Belirtilmemiş'} +
- 📱 İrtibat: - {manager.phone} +
+ +
+
+ İrtibat: + {manager.phone} +
- 👤 Kullanıcı Adı: - {manager.username || 'Belirlenmemiş'} +
+ +
+
+ Kullanıcı Adı: + {manager.username || 'Belirlenmemiş'} +
@@ -761,20 +786,51 @@ .detail-item { display: flex; - justify-content: space-between; - margin-bottom: 0.5rem; + align-items: center; + gap: 0.75rem; + margin-bottom: 0.75rem; + padding: 0.5rem; + background: #F9FAFB; + border-radius: 8px; + border: 1px solid #F3F4F6; + transition: background-color 0.2s ease; + } + + .detail-item:hover { + background: #F3F4F6; + } + + .detail-icon { + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background: var(--primary-color); + color: white; + border-radius: 8px; font-size: 0.9rem; + flex-shrink: 0; + } + + .detail-content { + flex: 1; + display: flex; + justify-content: space-between; + align-items: center; + gap: 0.5rem; } .detail-label { font-weight: 500; color: var(--text-secondary); + font-size: 0.9rem; } .detail-value { - font-weight: 500; + font-weight: 600; color: var(--text-color); - text-align: right; + font-family: 'Courier New', monospace; } .manager-actions { @@ -947,10 +1003,22 @@ } .detail-item { + flex-direction: row; + gap: 0.75rem; + } + + .detail-content { flex-direction: column; + align-items: flex-start; gap: 0.25rem; } + .detail-icon { + width: 28px; + height: 28px; + font-size: 0.8rem; + } + .detail-value { text-align: left; } diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte index 5a36951..6d443c4 100644 --- a/src/lib/components/Navbar.svelte +++ b/src/lib/components/Navbar.svelte @@ -27,7 +27,7 @@ .navbar-content { padding: 0 var(--page-horizontal-padding); - margin-left: 16px; + margin-left: 25px; display: flex; align-items: center; justify-content: space-between; @@ -39,18 +39,18 @@ .navbar-brand { display: flex; align-items: center; - gap: 0px; + gap: 3px; } .brand-text { - font-size: 50px; + font-size: 45px; font-weight: bold; color: #ffffff; text-decoration: none; } .brand-logo { - height: 65px; + height: 47px; width: auto; object-fit: contain; } diff --git a/src/lib/components/PersonnelContent.svelte b/src/lib/components/PersonnelContent.svelte index 062a665..b0cea67 100644 --- a/src/lib/components/PersonnelContent.svelte +++ b/src/lib/components/PersonnelContent.svelte @@ -216,10 +216,7 @@ Personel @@ -238,16 +235,12 @@ {:else if personnel.length === 0}
- - - - - - +

Henüz Personel Yok

Sisteme personel eklemek için "Yeni Personel Ekle" butonuna tıklayın.

@@ -268,25 +261,37 @@
- Sicil No: - {person.registration_number} +
+ +
+
+ Sicil No: + {person.registration_number} +
- TC Kimlik: - {person.tc_kimlik} +
+ +
+
+ TC Kimlik: + {person.tc_kimlik} +
- İrtibat: - {person.phone} +
+ +
+
+ İrtibat: + {person.phone} +
@@ -494,6 +489,12 @@ flex-wrap: wrap; } + .content-header .btn { + display: flex; + align-items: center; + gap: 0.5rem; + } + .content-title { font-size: 1.5rem; font-weight: 600; @@ -563,6 +564,14 @@ .empty-icon { color: var(--text-secondary); margin-bottom: 1rem; + font-size: 4rem; + opacity: 0.6; + } + + .empty-state .btn { + display: flex; + align-items: center; + gap: 0.5rem; } .empty-state h3 { @@ -640,19 +649,52 @@ } .detail-item { + display: flex; + align-items: center; + gap: 0.75rem; + margin-bottom: 0.75rem; + padding: 0.5rem; + background: #F9FAFB; + border-radius: 8px; + border: 1px solid #F3F4F6; + transition: background-color 0.2s ease; + } + + .detail-item:hover { + background: #F3F4F6; + } + + .detail-icon { + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background: var(--primary-color); + color: white; + border-radius: 8px; + font-size: 0.9rem; + flex-shrink: 0; + } + + .detail-content { + flex: 1; display: flex; justify-content: space-between; - margin-bottom: 0.5rem; + align-items: center; + gap: 0.5rem; } .detail-label { font-weight: 500; color: var(--text-secondary); + font-size: 0.9rem; } .detail-value { - font-weight: 500; + font-weight: 600; color: var(--text-color); + font-family: 'Courier New', monospace; } .personnel-actions { @@ -664,6 +706,9 @@ .btn-sm { padding: 0.5rem 1rem; font-size: 0.875rem; + display: flex; + align-items: center; + gap: 0.5rem; } .btn-danger { @@ -816,8 +861,20 @@ } .detail-item { + flex-direction: row; + gap: 0.75rem; + } + + .detail-content { flex-direction: column; + align-items: flex-start; gap: 0.25rem; } + + .detail-icon { + width: 28px; + height: 28px; + font-size: 0.8rem; + } } \ No newline at end of file diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte index 92f54ba..d3fc0f8 100644 --- a/src/routes/dashboard/+page.svelte +++ b/src/routes/dashboard/+page.svelte @@ -628,12 +628,6 @@ {#if user.role === 'admin' && !showVehicles && !showUnits && !showPersonnel && !showGoodsManagers}
-
- - - -
-

Hoş Geldiniz! 👋

{#if user.role === 'admin'} Sisteme hoş geldiniz! Araç, birlik ve personel yönetimi yapabilirsiniz. diff --git a/src/routes/dashboard/personnel/+page.svelte b/src/routes/dashboard/personnel/+page.svelte index ecd3a0b..499a27e 100644 --- a/src/routes/dashboard/personnel/+page.svelte +++ b/src/routes/dashboard/personnel/+page.svelte @@ -291,16 +291,31 @@

- Sicil No: - {person.registration_number} +
+ +
+
+ Sicil No: + {person.registration_number} +
- TC Kimlik: - {person.tc_kimlik} +
+ +
+
+ TC Kimlik: + {person.tc_kimlik} +
- İrtibat: - {person.phone} +
+ +
+
+ İrtibat: + {person.phone} +
@@ -652,8 +667,36 @@ .detail-item { display: flex; - justify-content: space-between; - margin-bottom: 0.5rem; + align-items: center; + gap: 0.75rem; + margin-bottom: 0.75rem; + padding: 0.5rem; + border-radius: 8px; + transition: background 0.2s ease; + } + + .detail-item:hover { + background: #F3F4F6; + } + + .detail-icon { + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background: rgba(37, 99, 235, 0.1); + color: #3B82F6; + border-radius: 6px; + font-size: 14px; + flex-shrink: 0; + } + + .detail-content { + display: flex; + flex-direction: column; + gap: 0.25rem; + flex: 1; } .detail-label { diff --git a/static/logo.png b/static/logo.png index c923b0a..05d7f9c 100644 Binary files a/static/logo.png and b/static/logo.png differ diff --git a/static/logo1.png b/static/logo1.png new file mode 100644 index 0000000..c923b0a Binary files /dev/null and b/static/logo1.png differ