michael/michaelschiemer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: DockerSecretsResolver - don't normalize absolute paths like /var/www/html/...
Some checks failed
Deploy Application / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Michael Schiemer
2025-11-24 21:28:25 +01:00
parent 4eb7134853
commit 77abc65cd7
1327 changed files with 91915 additions and 9909 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
resources/css/admin/06-components/_header.css
View File

@@ -5,32 +5,32 @@
* Sticky positioning with backdrop blur for modern look.
*/
@layer admin-components {
@layer components {
/**
* Header Container
*/
.admin-header {
display: flex;
align-items: center;
gap: var(--admin-spacing-md);
background-color: var(--admin-header-bg);
border-bottom: 1px solid var(--admin-header-border);
padding: var(--admin-spacing-md) var(--admin-spacing-content-padding);
min-height: var(--admin-header-height-mobile);
gap: var(--spacing-sm);
background-color: var(--header-bg);
border-bottom: 1px solid var(--header-border);
padding: var(--spacing-sm) var(--spacing-content-padding);
min-height: var(--header-height-mobile);
/* Sticky with blur effect */
position: sticky;
top: 0;
z-index: var(--admin-z-header);
z-index: var(--z-header);
backdrop-filter: blur(8px);
background-color: var(--admin-header-bg);
background-color: var(--header-bg);
@media (min-width: 768px) {
min-height: var(--admin-header-height-tablet);
min-height: var(--header-height-tablet);
}
@media (min-width: 1440px) {
min-height: var(--admin-header-height-wide);
min-height: var(--header-height-wide);
}
}
@@ -38,9 +38,9 @@
* Page Title
*/
.admin-header__title {
font-size: var(--admin-font-size-xl);
font-size: var(--font-size-lg);
font-weight: 600;
color: var(--admin-header-text);
color: var(--header-text);
margin: 0;
flex: 1;
min-width: 0;
@@ -55,7 +55,7 @@
}
/**
* Search Bar
* Search Bar Container
*/
.admin-header__search {
flex: 0 1 400px;
@@ -68,54 +68,13 @@
}
}
.admin-search {
position: relative;
width: 100%;
}
.admin-search__input {
width: 100%;
padding: var(--admin-spacing-sm) var(--admin-spacing-md);
padding-left: calc(var(--admin-spacing-md) + 20px + var(--admin-spacing-sm));
border: 1px solid var(--admin-border-light);
border-radius: var(--admin-radius-md);
font-size: var(--admin-font-size-sm);
background-color: var(--admin-bg-secondary);
color: var(--admin-content-text);
transition: all var(--admin-transition-base);
&::placeholder {
color: var(--admin-content-text);
opacity: 0.5;
}
&:focus {
outline: none;
border-color: var(--admin-focus-ring);
box-shadow: 0 0 0 3px var(--admin-focus-ring-alpha);
background-color: var(--admin-content-bg);
}
}
.admin-search__icon {
position: absolute;
left: var(--admin-spacing-md);
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
color: var(--admin-content-text);
opacity: 0.5;
pointer-events: none;
}
/**
* Header Actions (Right Side)
*/
.admin-header__actions {
display: flex;
align-items: center;
gap: var(--admin-spacing-sm);
gap: var(--spacing-sm);
margin-left: auto;
}
@@ -126,30 +85,37 @@
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: var(--admin-radius-md);
width: 36px;
height: 36px;
border-radius: var(--radius-md);
background-color: transparent;
border: 1px solid transparent;
color: var(--admin-header-text);
color: var(--header-text);
cursor: pointer;
transition: all var(--admin-transition-base);
transition: all var(--transition-base);
position: relative;
&:hover {
background-color: var(--admin-hover-overlay);
border-color: var(--admin-border-light);
background-color: var(--hover-overlay);
border-color: var(--border-light);
}
&:focus-visible {
outline: 2px solid var(--admin-focus-ring);
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
}
/* Dark Theme Optimization */
@media (prefers-color-scheme: dark) {
&:hover {
background-color: oklch(from var(--header-bg) calc(l + 0.03) c h);
}
}
}
.admin-action-btn__icon {
width: 20px;
height: 20px;
width: 18px;
height: 18px;
}
/**
@@ -161,8 +127,8 @@
right: 6px;
width: 8px;
height: 8px;
background-color: var(--admin-accent-error);
border: 2px solid var(--admin-header-bg);
background-color: var(--accent-error);
border: 2px solid var(--header-bg);
border-radius: 50%;
}
@@ -184,21 +150,28 @@
.admin-theme-toggle {
display: flex;
align-items: center;
gap: var(--admin-spacing-xs);
padding: var(--admin-spacing-xs) var(--admin-spacing-sm);
background-color: var(--admin-bg-secondary);
border: 1px solid var(--admin-border-light);
border-radius: var(--admin-radius-md);
gap: var(--spacing-xs);
padding: var(--spacing-xs) var(--spacing-sm);
background-color: var(--bg-secondary);
border: 1px solid var(--border-light);
border-radius: var(--radius-md);
cursor: pointer;
transition: all var(--admin-transition-base);
transition: all var(--transition-base);
&:hover {
background-color: var(--admin-bg-tertiary);
background-color: var(--bg-tertiary);
}
/* Dark Theme Optimization */
@media (prefers-color-scheme: dark) {
&:hover {
background-color: oklch(from var(--bg-secondary) calc(l + 0.05) c h);
}
}
@media (max-width: 767px) {
/* Icon only on mobile */
padding: var(--admin-spacing-xs);
padding: var(--spacing-xs);
.admin-theme-toggle__label {
display: none;
@@ -209,12 +182,12 @@
.admin-theme-toggle__icon {
width: 18px;
height: 18px;
color: var(--admin-header-text);
color: var(--header-text);
}
.admin-theme-toggle__label {
font-size: var(--admin-font-size-sm);
color: var(--admin-header-text);
font-size: var(--font-size-sm);
color: var(--header-text);
}
/**
@@ -227,23 +200,30 @@
.admin-user-menu__trigger {
display: flex;
align-items: center;
gap: var(--admin-spacing-sm);
padding: var(--admin-spacing-xs);
gap: var(--spacing-sm);
padding: var(--spacing-xs);
background-color: transparent;
border: 1px solid transparent;
border-radius: var(--admin-radius-md);
border-radius: var(--radius-md);
cursor: pointer;
transition: all var(--admin-transition-base);
transition: all var(--transition-base);
&:hover {
background-color: var(--admin-hover-overlay);
border-color: var(--admin-border-light);
background-color: var(--hover-overlay);
border-color: var(--border-light);
}
&:focus-visible {
outline: 2px solid var(--admin-focus-ring);
outline: 2px solid var(--focus-ring);
outline-offset: 2px;
}
/* Dark Theme Optimization */
@media (prefers-color-scheme: dark) {
&:hover {
background-color: oklch(from var(--header-bg) calc(l + 0.03) c h);
}
}
}
.admin-user-menu__avatar {
@@ -251,13 +231,13 @@
height: 32px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--admin-border-light);
border: 2px solid var(--border-light);
}
.admin-user-menu__name {
font-size: var(--admin-font-size-sm);
font-size: var(--font-size-sm);
font-weight: 500;
color: var(--admin-header-text);
color: var(--header-text);
@media (max-width: 767px) {
display: none;
@@ -267,39 +247,15 @@
.admin-user-menu__chevron {
width: 16px;
height: 16px;
color: var(--admin-header-text);
transition: transform var(--admin-transition-base);
.admin-user-menu[data-open="true"] & {
transform: rotate(180deg);
}
color: var(--header-text);
transition: transform var(--transition-base);
/* Rotate when popover is open (handled by JavaScript) */
@media (max-width: 767px) {
display: none;
}
}
/**
* Dropdown Menu
*/
.admin-user-menu__dropdown {
position: absolute;
top: calc(100% + var(--admin-spacing-xs));
right: 0;
min-width: 200px;
background-color: var(--admin-content-bg);
border: 1px solid var(--admin-border-light);
border-radius: var(--admin-radius-md);
box-shadow: var(--admin-shadow-lg);
padding: var(--admin-spacing-sm) 0;
display: none;
z-index: var(--admin-z-dropdown);
.admin-user-menu[data-open="true"] & {
display: block;
}
}
.admin-user-menu__item {
list-style: none;
margin: 0;
@@ -308,15 +264,15 @@
.admin-user-menu__link {
display: flex;
align-items: center;
gap: var(--admin-spacing-sm);
padding: var(--admin-spacing-sm) var(--admin-spacing-md);
color: var(--admin-content-text);
gap: var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md);
color: var(--content-text);
text-decoration: none;
font-size: var(--admin-font-size-sm);
transition: background-color var(--admin-transition-base);
font-size: var(--font-size-sm);
transition: background-color var(--transition-base);
&:hover {
background-color: var(--admin-bg-secondary);
background-color: var(--bg-secondary);
}
}
@@ -328,7 +284,7 @@
.admin-user-menu__divider {
height: 1px;
background-color: var(--admin-border-light);
margin: var(--admin-spacing-sm) 0;
background-color: var(--border-light);
margin: var(--spacing-sm) 0;
}
}