starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-26 18:48:42 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: add sidebar

Browse Source
This commit is contained in:
Herculino Trotta
2025-08-06 11:35:17 -03:00
parent dd1f6a6ef2
commit f90a31f2b9
11 changed files with 374 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/styles/_animations.scss
View File

@@ -209,11 +209,11 @@
.slide-in-bottom {
animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-bottom-reverse {
animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}
/* ----------------------------------------------
@@ -238,3 +238,12 @@
opacity: 1;
}
}
@keyframes disable-pointer-events {
0%, 99% {
pointer-events: none;
}
100% {
pointer-events: auto;
}
}

8
frontend/src/styles/style.scss
View File

@@ -77,3 +77,11 @@ select[multiple] {
margin-top: 20px;
font-size: 14px;
}
[data-bs-toggle="collapse"] .fa-chevron-down {
transition: transform 0.25s ease-in-out;
}
[data-bs-toggle="collapse"][aria-expanded="true"] .fa-chevron-down {
transform: rotate(-180deg);
}

8
frontend/src/styles/tailwind.css
View File

@@ -1,3 +1,11 @@
@import "tailwindcss" prefix(tw) source("../../../app/templates/");
@custom-variant dark (&:where([data-bs-theme=dark], [data-bs-theme=dark] *));
@custom-variant hover (&:hover);
.sidebar-active {
@apply tw:bg-gray-700 tw:text-white;
}
.sidebar-item:not(.sidebar-active) {
@apply tw:text-gray-300 tw:hover:text-white;
}