Initial Commit

2025-10-08 14:23:07 +03:00
commit b3b3ac66ff
78 changed files with 14248 additions and 0 deletions
--- a/public/assets/style.css
+++ b/public/assets/style.css
@@ -0,0 +1,145 @@
+/* ================================
+   Domain Monitor - Custom Styles
+   Using Tailwind CSS Utilities
+   ================================ */
+
+/* Custom Button Utilities */
+@layer utilities {
+    .btn {
+        @apply px-4 py-2.5 rounded-lg font-medium transition-all duration-300 inline-block text-center;
+    }
+    
+    .btn-primary {
+        @apply bg-primary hover:bg-primary-dark text-white;
+    }
+    
+    .btn-success {
+        @apply bg-success hover:bg-green-600 text-white;
+    }
+    
+    .btn-warning {
+        @apply bg-warning hover:bg-yellow-600 text-white;
+    }
+    
+    .btn-danger {
+        @apply bg-danger hover:bg-red-600 text-white;
+    }
+    
+    .btn-small {
+        @apply px-3 py-1.5 text-sm;
+    }
+}
+
+/* Custom Badge Utilities */
+@layer utilities {
+    .badge {
+        @apply inline-block px-3 py-1 rounded-full text-sm font-medium;
+    }
+    
+    .badge-success {
+        @apply bg-green-100 text-green-800;
+    }
+    
+    .badge-warning {
+        @apply bg-yellow-100 text-yellow-800;
+    }
+    
+    .badge-danger {
+        @apply bg-red-100 text-red-800;
+    }
+    
+    .badge-info {
+        @apply bg-blue-100 text-blue-800;
+    }
+}
+
+/* ================================
+   Additional Custom Styles
+   Add your own styles below
+   ================================ */
+
+/* Loading Spinner */
+.spinner {
+    border: 3px solid #f3f3f3;
+    border-top: 3px solid #4A90E2;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    animation: spin 1s linear infinite;
+    margin: 20px auto;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* Fade In Animation */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.fade-in {
+    animation: fadeIn 0.3s ease-in;
+}
+
+/* Tooltips */
+.tooltip {
+    position: relative;
+    display: inline-block;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    width: 200px;
+    background-color: #555;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px;
+    position: absolute;
+    z-index: 1;
+    bottom: 125%;
+    left: 50%;
+    margin-left: -100px;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}
+
+/* Custom Scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #888;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #555;
+}
+
+/* Print Styles */
+@media print {
+    nav, footer, .btn, .no-print {
+        display: none !important;
+    }
+}