Title: Enhanced Data Management and Job Queue System Integration
🎉 New Feature: Integrated advanced data management capabilities with improved job queue system for seamless workflow. 📚 The updated data management module now offers robust features such as data validation, normalization, and efficient storage using optimized database queries. This ensures accurate and consistent data handling across the application. 💄 Additionally, the job queue system has been upgraded to handle complex tasks more efficiently, reducing latency and improving overall
This commit is contained in:
@ -156,18 +156,25 @@
|
||||
.spacing-md { margin: 1rem; padding: 1rem; }
|
||||
|
||||
/* === BUTTONS === */
|
||||
.btn {
|
||||
@apply inline-flex items-center justify-center px-4 py-2 text-sm font-medium;
|
||||
.btn, button {
|
||||
@apply inline-flex items-center justify-center text-sm font-medium;
|
||||
background: var(--bg-card);
|
||||
color: var(--text-primary);
|
||||
border: 1px solid var(--border-primary);
|
||||
border: 2px solid var(--border-primary);
|
||||
box-shadow: var(--shadow-sm);
|
||||
transition: background-color 0.15s ease, box-shadow 0.15s ease;
|
||||
transition: all 0.15s ease;
|
||||
padding: 0.875rem 1.5rem;
|
||||
border-radius: 14px;
|
||||
margin: 0.375rem;
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
.btn:hover, button:hover {
|
||||
background: var(--hover-bg);
|
||||
box-shadow: var(--shadow-md);
|
||||
transform: translateY(-1px);
|
||||
border-color: var(--border-secondary);
|
||||
}
|
||||
|
||||
.btn:focus {
|
||||
@ -178,12 +185,14 @@
|
||||
.btn-primary {
|
||||
background: var(--gradient-button);
|
||||
color: var(--text-on-primary);
|
||||
border: none;
|
||||
border: 2px solid transparent;
|
||||
box-shadow: 0 4px 12px rgba(0, 115, 206, 0.3);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: var(--mb-primary-dark);
|
||||
transform: translateY(-1px);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 20px rgba(0, 115, 206, 0.4);
|
||||
}
|
||||
|
||||
.dark .btn-primary {
|
||||
@ -201,12 +210,16 @@
|
||||
border: 1px solid var(--border-primary);
|
||||
box-shadow: var(--shadow-lg);
|
||||
backdrop-filter: var(--glass-blur);
|
||||
transition: box-shadow 0.2s ease;
|
||||
padding: 1.25rem;
|
||||
transition: all 0.2s ease;
|
||||
padding: 2rem;
|
||||
margin: 1rem;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: var(--shadow-xl);
|
||||
transform: translateY(-2px);
|
||||
border-color: var(--border-secondary);
|
||||
}
|
||||
|
||||
.glass-card {
|
||||
@ -214,7 +227,15 @@
|
||||
border: 1px solid var(--glass-border);
|
||||
box-shadow: var(--glass-shadow);
|
||||
backdrop-filter: var(--glass-blur);
|
||||
padding: 1.25rem;
|
||||
padding: 2rem;
|
||||
margin: 1rem;
|
||||
border-radius: 24px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.glass-card:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: var(--shadow-xl);
|
||||
}
|
||||
|
||||
/* === MODALS === */
|
||||
@ -647,6 +668,7 @@ body {
|
||||
.dark .btn-primary:hover {
|
||||
background: #f5f5f5;
|
||||
box-shadow: 0 6px 20px 0 rgba(255, 255, 255, 0.15);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.dark .card {
|
||||
@ -654,6 +676,11 @@ body {
|
||||
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.dark .card:hover {
|
||||
box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.1);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.dark .form-input {
|
||||
border: 1px solid var(--border-primary);
|
||||
background: var(--bg-card);
|
||||
@ -688,7 +715,42 @@ body {
|
||||
color: #f87171;
|
||||
}
|
||||
|
||||
/* === UTILITY CLASSES === */
|
||||
/* === UNIVERSAL CONTAINER STYLES === */
|
||||
div:not(nav):not(.navbar-sticky), section, article, main, header, footer, .container, .wrapper {
|
||||
border-radius: 12px !important;
|
||||
}
|
||||
|
||||
/* === ENHANCED UTILITY CLASSES === */
|
||||
.container, .wrapper, .content {
|
||||
padding: 2rem;
|
||||
margin: 1rem;
|
||||
border-radius: 20px !important;
|
||||
background: var(--bg-surface);
|
||||
border: 1px solid var(--border-primary);
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 2.5rem;
|
||||
margin: 1.5rem 0;
|
||||
border-radius: 24px !important;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border-primary);
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
/* === ENHANCED PADDING SYSTEM === */
|
||||
.p-xs { padding: 0.5rem !important; }
|
||||
.p-sm { padding: 1rem !important; }
|
||||
.p-md { padding: 1.5rem !important; }
|
||||
.p-lg { padding: 2rem !important; }
|
||||
.p-xl { padding: 3rem !important; }
|
||||
|
||||
.m-xs { margin: 0.25rem !important; }
|
||||
.m-sm { margin: 0.5rem !important; }
|
||||
.m-md { margin: 1rem !important; }
|
||||
.m-lg { margin: 1.5rem !important; }
|
||||
.m-xl { margin: 2rem !important; }
|
||||
|
||||
.theme-transition {
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
Reference in New Issue
Block a user