feat: new dynamic pages in admin panel

This commit is contained in:
mohamad
2026-05-25 17:17:27 +03:30
parent f08d0aacc0
commit cacf1ba77b
14 changed files with 818 additions and 149 deletions
+20 -6
View File
@@ -45,6 +45,9 @@
--spacing-2xl: 7rem;
--navbar-height: 68px;
--navbar-expand-duration: 0.85s;
--navbar-link-duration: 0.28s;
--navbar-expand-ease: cubic-bezier(0.4, 0, 0.1, .9);
--container-max: 1200px;
--container-padding: 1.5rem;
@@ -378,7 +381,8 @@ h1, h2, h3, h4, h5, h6 {
font-weight: 500;
color: var(--text-secondary);
text-decoration: none;
transition: var(--transition-fast);
transition: color var(--navbar-link-duration) var(--navbar-expand-ease),
background var(--navbar-link-duration) var(--navbar-expand-ease);
white-space: nowrap;
}
@@ -389,7 +393,7 @@ h1, h2, h3, h4, h5, h6 {
}
.nav-arrow {
transition: transform 0.4s ease;
transition: transform var(--navbar-expand-duration) var(--navbar-expand-ease);
}
.nav-item.has-megamenu:hover .nav-arrow,
@@ -427,7 +431,9 @@ h1, h2, h3, h4, h5, h6 {
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease;
transition: opacity var(--navbar-expand-duration) var(--navbar-expand-ease),
visibility var(--navbar-expand-duration) var(--navbar-expand-ease),
transform var(--navbar-expand-duration) var(--navbar-expand-ease);
pointer-events: none;
z-index: 999;
}
@@ -440,6 +446,10 @@ h1, h2, h3, h4, h5, h6 {
pointer-events: auto;
}
.megamenu.is-closing {
pointer-events: auto;
}
.megamenu-inner {
max-width: var(--container-max);
margin: 0 auto;
@@ -522,7 +532,8 @@ h1, h2, h3, h4, h5, h6 {
.megamenu-sub-chevron {
flex-shrink: 0;
color: var(--text-muted);
transition: transform 0.4s ease, color 0.4s ease;
transition: transform var(--navbar-expand-duration) var(--navbar-expand-ease),
color var(--navbar-expand-duration) var(--navbar-expand-ease);
}
.megamenu-product-item.has-subproducts:hover .megamenu-sub-chevron,
@@ -549,7 +560,9 @@ h1, h2, h3, h4, h5, h6 {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.35s ease, border-color 0.35s ease;
transition: max-height var(--navbar-expand-duration) var(--navbar-expand-ease),
opacity var(--navbar-expand-duration) var(--navbar-expand-ease),
border-color var(--navbar-expand-duration) var(--navbar-expand-ease);
}
.megamenu-product-item.has-subproducts:hover .megamenu-sublist,
@@ -2853,7 +2866,8 @@ a.citation-count-badge:hover {
padding: 1rem var(--container-padding) 1.5rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease, padding 0.35s ease;
transition: max-height var(--navbar-expand-duration) var(--navbar-expand-ease),
padding var(--navbar-expand-duration) var(--navbar-expand-ease);
}
.navbar-menu.open {