v1.0

projects/templates/projects/archived.html

@@ -21,7 +21,7 @@ Abgeschlossene und deaktivierte Projekte
     <a href="{% url 'projects:overview' m.project.id %}"
        class="p-6 rounded-xl shadow hover:shadow-lg transition block text-white"
        style="background: linear-gradient(135deg, {{ m.project.color }}, {{ m.project.color }}cc);">
-        <h2 class="text-xl font-bold">
+        <h2 class="text-lg font-bold">
             {{ m.project.name }}
         </h2>
         <p class="text-sm mt-2">

projects/templates/projects/info.html

@@ -17,7 +17,7 @@ Standorte & Ansprechpartner
     <div class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
         <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4">
             <div>
-                <h2 class="text-xl font-bold">Aktionen</h2>
+                <h2 class="text-lg font-bold">Aktionen</h2>
                 <p class="text-slate-400 text-sm mt-1">Standorte und Ansprechpartner hinzufügen</p>
             </div>
 
@@ -36,7 +36,7 @@ Standorte & Ansprechpartner
 <div class="mb-8">
     <div class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
 
-        <h2 class="text-xl font-bold mb-2">Allgemein</h2>
+        <h2 class="text-lg font-bold mb-2">Allgemein</h2>
 
         <form method="post" enctype="multipart/form-data" action="{% url 'projects:edit' project.id %}">
             {% csrf_token %}
@@ -78,7 +78,7 @@ Standorte & Ansprechpartner
     <!-- Mitarbeiter -->
     <div class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
 
-        <h2 class="text-xl font-bold mb-3">
+        <h2 class="text-lg font-bold mb-2">
             Mitarbeiter
         </h2>
 
@@ -122,7 +122,7 @@ Standorte & Ansprechpartner
     <!-- Standorte -->
     <div class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
 
-        <h2 class="text-xl font-bold mb-3">
+        <h2 class="text-lg font-bold mb-2">
             Standorte
         </h2>
 
@@ -181,7 +181,7 @@ Standorte & Ansprechpartner
     <!-- Ansprechpartner -->
     <div class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
 
-        <h2 class="text-xl font-bold mb-3">
+        <h2 class="text-lg font-bold mb-2">
             Ansprechpartner
         </h2>
 

projects/templates/projects/overview.html

@@ -19,62 +19,49 @@ Projektübersicht und Module
 <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
 
     <!-- FINANZEN -->
-    <a href="{% url 'finance:overview' project.id %}" class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
+    <a href="{% url 'finance:overview' project.id %}" class="border border-slate-100 dark:border-slate-700 hover:border-[var(--company-color)]/40 hover:shadow-sm transition-all duration-200 p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
         <div class="text-2xl mb-2">💰</div>
-        <h2 class="text-xl font-bold">Finanzen</h2>
+        <h2 class="text-lg font-bold">Finanzen</h2>
         <p class="text-slate-400 text-sm mt-1">Einnahmen & Ausgaben</p>
     </a>
 
     <!-- KASSE -->
-    <a href="" class="relative p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
+    <a href="" class="border border-slate-100 dark:border-slate-700 hover:border-[var(--company-color)]/40 hover:shadow-sm transition-all duration-200 relative p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
         <div class="absolute top-3 right-3 text-xs font-semibold px-2 py-1 rounded-full text-white" style="background-color: {{ company_settings.color }};">
             In Arbeit
         </div>
         <div class="text-2xl mb-2">🏦</div>
-        <h2 class="text-xl font-bold">Kasse</h2>
+        <h2 class="text-lg font-bold">Kasse</h2>
         <p class="text-slate-400 text-sm mt-1">Buchungen vornehmen</p>
     </a>
 
     <!-- ZEITERFASSUNG -->
-    <a href="{% url 'time_tracking:overview' project.id %}" class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
+    <a href="{% url 'time_tracking:overview' project.id %}" class="border border-slate-100 dark:border-slate-700 hover:border-[var(--company-color)]/40 hover:shadow-sm transition-all duration-200 p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
         <div class="text-2xl mb-2">⏱</div>
-        <h2 class="text-xl font-bold">Zeiterfassung</h2>
+        <h2 class="text-lg font-bold">Zeiterfassung</h2>
         <p class="text-slate-400 text-sm mt-1">Arbeitszeiten der Helfer</p>
     </a>
 
     <!-- DOKUMENTE -->
-    <a href="{% url 'documents:overview' project.id %}" class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
+    <a href="{% url 'documents:overview' project.id %}" class="border border-slate-100 dark:border-slate-700 hover:border-[var(--company-color)]/40 hover:shadow-sm transition-all duration-200 p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
         <div class="text-2xl mb-2">📁</div>
-        <h2 class="text-xl font-bold">Dokumente</h2>
+        <h2 class="text-lg font-bold">Dokumente</h2>
         <p class="text-slate-400 text-sm mt-1">Dateien & Bilder</p>
     </a>
 
     <!-- LISTE -->
-    <a href="{% url 'inventory:overview' project.id %}" class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
+    <a href="{% url 'inventory:overview' project.id %}" class="border border-slate-100 dark:border-slate-700 hover:border-[var(--company-color)]/40 hover:shadow-sm transition-all duration-200 p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
         <div class="text-2xl mb-2">🛒</div>
-        <h2 class="text-xl font-bold">Pack-/Einkaufsliste</h2>
+        <h2 class="text-lg font-bold">Pack-/Einkaufsliste</h2>
         <p class="text-slate-400 text-sm mt-1">Vorhandenen & benötigtes Material</p>
     </a>
 
     <!-- Projektinformationen -->
-    <a href="{% url 'projects:info' project.id %}" class="p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
+    <a href="{% url 'projects:info' project.id %}" class="border border-slate-100 dark:border-slate-700 hover:border-[var(--company-color)]/40 hover:shadow-sm transition-all duration-200 p-6 rounded-xl shadow bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
         <div class="text-2xl mb-2">ℹ️</div>
-        <h2 class="text-xl font-bold">Projektinformationen</h2>
+        <h2 class="text-lg font-bold">Projektinformationen</h2>
         <p class="text-slate-400 text-sm mt-1">Standorte & Ansprechpartner</p>
     </a>
 </div>
 
-<!-- OPTIONAL INFO BOX -->
-<div class="p-6 rounded-xl shadow mb-8 bg-white dark:bg-slate-800 text-slate-900 dark:text-white transition-colors">
-
-    <h2 class="text-xl font-bold">
-        Zusammenfassung
-    </h2>
-
-    <p class="text-slate-400 text-sm mt-1">
-        folgt
-    </p>
-
-</div>
-
 {% endblock %}