first

2025-08-19 16:34:19 +02:00
commit 5c6da90f98
33 changed files with 8066 additions and 0 deletions
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -0,0 +1,119 @@
+/* Styles personnalisés pour Mail Notifier */
+
+/* Styles globaux */
+body {
+  background-color: #f8f9fc;
+  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}
+
+/* Sidebar */
+.sidebar {
+  min-height: 100vh;
+}
+
+/* Styles pour les cartes */
+.card {
+  margin-bottom: 24px;
+  border: none;
+  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
+}
+
+.card .card-header {
+  background-color: #f8f9fc;
+  border-bottom: 1px solid #e3e6f0;
+}
+
+.card-body {
+  padding: 1.25rem;
+}
+
+/* Styles pour les bordures colorées */
+.border-left-primary {
+  border-left: 0.25rem solid #4e73df !important;
+}
+
+.border-left-success {
+  border-left: 0.25rem solid #1cc88a !important;
+}
+
+.border-left-warning {
+  border-left: 0.25rem solid #f6c23e !important;
+}
+
+.border-left-danger {
+  border-left: 0.25rem solid #e74a3b !important;
+}
+
+/* Styles pour le tableau de bord */
+.dashboard-card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid #e3e6f0;
+  border-radius: 0.35rem;
+}
+
+/* Styles pour la page de connexion */
+.login-page {
+  background-color: #4e73df;
+  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
+  background-size: cover;
+}
+
+/* Styles pour les tableaux */
+.table-responsive {
+  overflow-x: auto;
+}
+
+.table-hover tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+/* Styles pour les boutons d'action */
+.btn-group .btn {
+  margin-right: 0.25rem;
+}
+
+.btn-group form {
+  display: inline-block;
+}
+
+/* Styles pour le contenu des emails */
+.email-content-html {
+  border: 1px solid #e3e6f0;
+  border-radius: 0.35rem;
+  overflow: hidden;
+}
+
+.text-content {
+  font-family: monospace;
+  white-space: pre-wrap;
+  background-color: #f8f9fc;
+  border-radius: 0.35rem;
+  padding: 1rem;
+}
+
+/* Styles pour les formulaires */
+.form-text {
+  color: #858796;
+}
+
+/* Styles responsive */
+@media (max-width: 768px) {
+  .ms-auto {
+    margin-left: 0 !important;
+  }
+  
+  .col-lg-2 {
+    display: none;
+  }
+  
+  .col-lg-10 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}