kobold-ai/schmankerl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Paket 2 - Product catalog management, guest orders, sponsor rounds, password reset, user deletion, unlimited invite links and setup wizard

Browse Source
This commit is contained in:
kobold-ai
2026-09-21 11:32:41 +02:00
parent 83393e363e
commit e5ca9c3cbf
7 changed files with 910 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/style.css
+138
View File
@@ -234,6 +234,18 @@ body {
margin-bottom: 12px;
}
.sponsor-badge-banner {
display: inline-block;
background: rgba(251, 191, 36, 0.15);
border: 1px solid rgba(251, 191, 36, 0.4);
color: var(--accent-gold);
padding: 6px 14px;
border-radius: 8px;
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 12px;
}
.banner-stats {
color: var(--text-muted);
font-size: 0.85rem;
@@ -380,6 +392,14 @@ body {
margin-bottom: 16px;
}
.guest-order-box {
background: rgba(11, 15, 25, 0.6);
border: 1px solid rgba(251, 191, 36, 0.3);
border-radius: var(--radius-md);
padding: 16px;
margin-bottom: 18px;
}
.input-group {
margin-bottom: 16px;
}
@@ -407,12 +427,38 @@ body {
border-color: var(--accent);
}
.input-group-checkbox {
margin: 14px 0;
display: flex;
align-items: center;
}
.input-group-checkbox label {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.9rem;
cursor: pointer;
}
.input-group-checkbox input {
width: 18px;
height: 18px;
cursor: pointer;
}
.form-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.form-row-3 {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr;
gap: 12px;
}
.readonly-input {
background: rgba(255, 255, 255, 0.05) !important;
color: var(--text-muted) !important;
@@ -677,6 +723,27 @@ body {
font-size: 0.9rem;
}
.sponsor-highlight-card {
display: flex;
align-items: center;
gap: 16px;
background: rgba(251, 191, 36, 0.12);
border: 1px solid rgba(251, 191, 36, 0.35);
border-radius: var(--radius-md);
padding: 18px 22px;
margin-bottom: 24px;
}
.sponsor-icon {
font-size: 2.5rem;
}
.sponsor-highlight-card h3 {
color: var(--accent-gold);
font-size: 1.15rem;
margin-bottom: 4px;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
@@ -758,6 +825,11 @@ body {
font-size: 0.8rem;
}
.row-inactive {
opacity: 0.5;
background: rgba(0, 0, 0, 0.2);
}
.mini-items-list {
list-style: none;
font-size: 0.85rem;
@@ -805,6 +877,11 @@ body {
color: var(--accent-gold);
}
.badge-role.guest {
background: rgba(168, 85, 247, 0.15);
color: #c084fc;
}
/* Invitations List */
.invitations-list {
display: flex;
@@ -884,6 +961,60 @@ body {
background: rgba(255, 255, 255, 0.15);
}
/* Modal */
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(6px);
display: flex;
justify-content: center;
align-items: center;
z-index: 100;
}
.modal-card {
background: var(--bg-secondary);
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
padding: 28px;
width: 90%;
max-width: 500px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}
/* Setup Wizard Steps */
.setup-step-card {
display: flex;
gap: 16px;
background: rgba(11, 15, 25, 0.6);
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
padding: 20px;
margin-bottom: 18px;
}
.step-num {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--accent);
color: #0b0f19;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.step-content h3 {
font-size: 1.05rem;
margin-bottom: 6px;
}
/* Footer */
.footer {
border-top: 1px solid var(--border-color);
@@ -951,6 +1082,13 @@ body {
margin-bottom: 6px;
}
.print-sponsor-box {
margin-top: 8px;
padding: 6px;
border: 1px dashed #000;
font-size: 10pt;
}
.print-section h3 {
font-size: 13pt;
margin-bottom: 8px;