Refactors employee details and UI controls
Enhances employee hours view with dynamic weekly schedule rendering Updates toggle slider and theme switch components with improved interactions Adds more flexible notification and settings configurations for employees Improves user experience by streamlining UI controls and schedule display
This commit is contained in:
parent
6746e876d7
commit
545d6606a6
18 changed files with 506 additions and 206 deletions
|
|
@ -227,7 +227,7 @@ swp-toggle-switch input {
|
|||
height: 0;
|
||||
}
|
||||
|
||||
swp-toggle-slider {
|
||||
swp-toggle-track {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
inset: 0;
|
||||
|
|
@ -236,7 +236,7 @@ swp-toggle-slider {
|
|||
transition: background var(--transition-fast);
|
||||
}
|
||||
|
||||
swp-toggle-slider::before {
|
||||
swp-toggle-track::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
|
|
@ -248,11 +248,11 @@ swp-toggle-slider::before {
|
|||
transition: transform var(--transition-fast);
|
||||
}
|
||||
|
||||
swp-toggle-switch input:checked + swp-toggle-slider {
|
||||
swp-toggle-switch input:checked + swp-toggle-track {
|
||||
background: var(--color-teal);
|
||||
}
|
||||
|
||||
swp-toggle-switch input:checked + swp-toggle-slider::before {
|
||||
swp-toggle-switch input:checked + swp-toggle-track::before {
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue