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

166
resources/css/admin/06-components/_content.css
View File

@@ -5,26 +5,26 @@
* Responsive spacing and max-width management.
*/
@layer admin-components {
@layer components {
/**
* Main Content Container
*/
.admin-content {
padding: var(--admin-spacing-content-padding);
background-color: var(--admin-content-bg);
color: var(--admin-content-text);
padding: var(--spacing-content-padding);
background-color: var(--content-bg);
color: var(--content-text);
overflow-x: hidden;
/* Wide: Center content with max-width */
@media (min-width: 1440px) {
max-width: var(--admin-spacing-content-max-width);
max-width: var(--spacing-content-max-width);
margin: 0 auto;
width: 100%;
}
/* Mobile: Reduce padding */
@media (max-width: 767px) {
padding: var(--admin-spacing-md);
padding: var(--spacing-md);
}
}
@@ -32,23 +32,23 @@
* Content Header
*/
.admin-content__header {
margin-bottom: var(--admin-spacing-xl);
margin-bottom: var(--spacing-xl);
}
.admin-content__title {
font-size: var(--admin-font-size-3xl);
font-size: var(--font-size-3xl);
font-weight: 700;
color: var(--admin-content-text);
margin: 0 0 var(--admin-spacing-sm);
color: var(--content-text);
margin: 0 0 var(--spacing-sm);
@media (max-width: 767px) {
font-size: var(--admin-font-size-2xl);
font-size: var(--font-size-2xl);
}
}
.admin-content__description {
font-size: var(--admin-font-size-base);
color: var(--admin-content-text);
font-size: var(--font-size-base);
color: var(--content-text);
opacity: 0.8;
margin: 0;
line-height: 1.6;
@@ -61,7 +61,7 @@
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--admin-spacing-md);
gap: var(--spacing-md);
@media (max-width: 767px) {
flex-direction: column;
@@ -77,7 +77,7 @@
.admin-content__actions {
display: flex;
align-items: center;
gap: var(--admin-spacing-sm);
gap: var(--spacing-sm);
flex-shrink: 0;
@media (max-width: 767px) {
@@ -89,65 +89,65 @@
/**
* Card Component
*/
.admin-card {
background-color: var(--admin-content-bg);
border: 1px solid var(--admin-border-light);
border-radius: var(--admin-radius-lg);
padding: var(--admin-spacing-lg);
box-shadow: var(--admin-shadow-sm);
.card {
background-color: var(--content-bg);
border: 1px solid var(--border-light);
border-radius: var(--radius-lg);
padding: var(--spacing-lg);
box-shadow: var(--shadow-sm);
/* Hover effect for interactive cards */
&.admin-card--interactive {
&.card--interactive {
cursor: pointer;
transition: all var(--admin-transition-base);
transition: all var(--transition-base);
&:hover {
border-color: var(--admin-border-medium);
box-shadow: var(--admin-shadow-md);
border-color: var(--border-medium);
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
}
}
.admin-card__header {
margin-bottom: var(--admin-spacing-md);
padding-bottom: var(--admin-spacing-md);
border-bottom: 1px solid var(--admin-border-light);
.card__header {
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-md);
border-bottom: 1px solid var(--border-light);
}
.admin-card__title {
font-size: var(--admin-font-size-lg);
.card__title {
font-size: var(--font-size-lg);
font-weight: 600;
color: var(--admin-content-text);
color: var(--content-text);
margin: 0;
}
.admin-card__subtitle {
font-size: var(--admin-font-size-sm);
color: var(--admin-content-text);
.card__subtitle {
font-size: var(--font-size-sm);
color: var(--content-text);
opacity: 0.7;
margin: var(--admin-spacing-xs) 0 0;
margin: var(--spacing-xs) 0 0;
}
.admin-card__body {
.card__body {
margin: 0;
}
.admin-card__footer {
margin-top: var(--admin-spacing-md);
padding-top: var(--admin-spacing-md);
border-top: 1px solid var(--admin-border-light);
.card__footer {
margin-top: var(--spacing-md);
padding-top: var(--spacing-md);
border-top: 1px solid var(--border-light);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--admin-spacing-sm);
gap: var(--spacing-sm);
}
/**
* Section Component
*/
.admin-section {
margin-bottom: var(--admin-spacing-2xl);
margin-bottom: var(--spacing-2xl);
&:last-child {
margin-bottom: 0;
@@ -155,19 +155,19 @@
}
.admin-section__header {
margin-bottom: var(--admin-spacing-lg);
margin-bottom: var(--spacing-lg);
}
.admin-section__title {
font-size: var(--admin-font-size-xl);
font-size: var(--font-size-xl);
font-weight: 600;
color: var(--admin-content-text);
margin: 0 0 var(--admin-spacing-xs);
color: var(--content-text);
margin: 0 0 var(--spacing-xs);
}
.admin-section__description {
font-size: var(--admin-font-size-sm);
color: var(--admin-content-text);
font-size: var(--font-size-sm);
color: var(--content-text);
opacity: 0.8;
margin: 0;
}
@@ -177,7 +177,7 @@
*/
.admin-stats-grid {
display: grid;
gap: var(--admin-spacing-md);
gap: var(--spacing-md);
grid-template-columns: 1fr;
@media (min-width: 768px) {
@@ -190,47 +190,47 @@
}
.admin-stat-card {
background-color: var(--admin-content-bg);
border: 1px solid var(--admin-border-light);
border-radius: var(--admin-radius-lg);
padding: var(--admin-spacing-lg);
background-color: var(--content-bg);
border: 1px solid var(--border-light);
border-radius: var(--radius-lg);
padding: var(--spacing-lg);
}
.admin-stat-card__label {
font-size: var(--admin-font-size-sm);
color: var(--admin-content-text);
font-size: var(--font-size-sm);
color: var(--content-text);
opacity: 0.7;
margin: 0 0 var(--admin-spacing-xs);
margin: 0 0 var(--spacing-xs);
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
}
.admin-stat-card__value {
font-size: var(--admin-font-size-3xl);
font-size: var(--font-size-3xl);
font-weight: 700;
color: var(--admin-content-text);
margin: 0 0 var(--admin-spacing-sm);
color: var(--content-text);
margin: 0 0 var(--spacing-sm);
line-height: 1.2;
}
.admin-stat-card__change {
font-size: var(--admin-font-size-sm);
font-size: var(--font-size-sm);
font-weight: 500;
display: inline-flex;
align-items: center;
gap: var(--admin-spacing-xs);
gap: var(--spacing-xs);
&.admin-stat-card__change--positive {
color: var(--admin-accent-success);
color: var(--accent-success);
}
&.admin-stat-card__change--negative {
color: var(--admin-accent-error);
color: var(--accent-error);
}
&.admin-stat-card__change--neutral {
color: var(--admin-content-text);
color: var(--content-text);
opacity: 0.6;
}
}
@@ -238,11 +238,11 @@
.admin-stat-card__icon {
width: 40px;
height: 40px;
padding: var(--admin-spacing-sm);
background-color: var(--admin-bg-secondary);
border-radius: var(--admin-radius-md);
color: var(--admin-accent-primary);
margin-bottom: var(--admin-spacing-md);
padding: var(--spacing-sm);
background-color: var(--bg-secondary);
border-radius: var(--radius-md);
color: var(--accent-primary);
margin-bottom: var(--spacing-md);
}
/**
@@ -250,27 +250,27 @@
*/
.admin-empty-state {
text-align: center;
padding: var(--admin-spacing-2xl);
color: var(--admin-content-text);
padding: var(--spacing-2xl);
color: var(--content-text);
}
.admin-empty-state__icon {
width: 64px;
height: 64px;
margin: 0 auto var(--admin-spacing-lg);
margin: 0 auto var(--spacing-lg);
opacity: 0.4;
}
.admin-empty-state__title {
font-size: var(--admin-font-size-xl);
font-size: var(--font-size-xl);
font-weight: 600;
margin: 0 0 var(--admin-spacing-sm);
margin: 0 0 var(--spacing-sm);
}
.admin-empty-state__description {
font-size: var(--admin-font-size-base);
font-size: var(--font-size-base);
opacity: 0.8;
margin: 0 0 var(--admin-spacing-lg);
margin: 0 0 var(--spacing-lg);
}
.admin-empty-state__action {
@@ -285,22 +285,22 @@
flex-direction: column;
align-items: center;
justify-content: center;
padding: var(--admin-spacing-2xl);
color: var(--admin-content-text);
padding: var(--spacing-2xl);
color: var(--content-text);
}
.admin-loading__spinner {
width: 40px;
height: 40px;
border: 3px solid var(--admin-border-light);
border-top-color: var(--admin-accent-primary);
border: 3px solid var(--border-light);
border-top-color: var(--accent-primary);
border-radius: 50%;
animation: admin-spin 0.8s linear infinite;
}
.admin-loading__text {
margin-top: var(--admin-spacing-md);
font-size: var(--admin-font-size-sm);
margin-top: var(--spacing-md);
font-size: var(--font-size-sm);
opacity: 0.8;
}