Gagandeep/syscom-master-admin-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new design implement for login screen, organization onboarding form changes, new filter implement in all screens, remove icons from validation,

Browse Source
This commit is contained in:
Gagan7900
2026-07-29 19:12:51 +05:30
parent 0907e0f5dc
commit 4838e16dc8
40 changed files with 2407 additions and 793 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.scss
+90 -8
View File
@@ -1,18 +1,11 @@
@forward "tailwindcss";
@forward "../public/assets/css/style.css";
/* ====================== ngx-toastr ====================== */
@forward "../node_modules/ngx-toastr/toastr.css";
/* inter */
@import "flatpickr/dist/flatpickr.css";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap');
/* Etihad Altis Text (local font) */
@font-face {
font-family: 'EtihadAltis-Text';
@@ -68,4 +61,93 @@ body {
.ti-form-select {
border: 1px solid #7c3deb !important;
}
/* ====================== Flatpickr Calendar Header Styling ====================== */
.flatpickr-calendar {
border-radius: 0.5rem !important;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
background-color: #ffffff !important;
border: 1px solid var(--color-inputborder, #e2e8f0) !important;
z-index: 99999 !important;
&.open {
display: inline-block !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 99999 !important;
}
.dark &,
&.dark,
[data-theme-mode="dark"] & {
background-color: #1a1c1e !important;
border-color: rgba(255, 255, 255, 0.12) !important;
color: #e2e8f0 !important;
}
.flatpickr-months {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
height: 3.2rem !important;
padding: 0.35rem 0.65rem !important;
position: relative !important;
background-color: rgba(124, 61, 235, 0.08) !important;
border-bottom: 1px solid rgba(124, 61, 235, 0.12) !important;
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
.dark &,
[data-theme-mode="dark"] & {
background-color: rgba(124, 61, 235, 0.16) !important;
border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
.flatpickr-prev-month,
.flatpickr-next-month {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
height: 2rem !important;
width: 2rem !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
border-radius: 0.375rem !important;
color: var(--color-primary, #7c3deb) !important;
transition: background-color 0.2s ease !important;
&:hover {
background-color: rgba(124, 61, 235, 0.15) !important;
color: var(--color-primary, #7c3deb) !important;
}
svg {
fill: var(--color-primary, #7c3deb) !important;
width: 0.9rem !important;
height: 0.9rem !important;
}
}
.flatpickr-current-month {
position: relative !important;
left: auto !important;
right: auto !important;
width: auto !important;
height: 100% !important;
top: auto !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
padding: 0 !important;
margin: 0 auto !important;
transform: none !important;
}
}
}