retoor/rbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update.

Browse Source
This commit is contained in:
retoor
2025-11-12 04:48:43 +01:00
parent ec396c7809
commit f82079ff27
10 changed files with 115 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/billing.css
+56 -71
View File
@@ -1,5 +1,5 @@
.billing-dashboard {
padding: 2rem;
padding: calc(var(--spacing-unit) * 3);
max-width: 1400px;
margin: 0 auto;
}
@@ -8,7 +8,7 @@
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
margin-bottom: calc(var(--spacing-unit) * 3);
}
.subscription-badge {
@@ -31,16 +31,16 @@
.billing-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
gap: calc(var(--spacing-unit) * 2.25);
margin-bottom: calc(var(--spacing-unit) * 3);
}
.billing-card {
background: white;
border: 1px solid #e5e7eb;
background: var(--accent-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 1.5rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
padding: calc(var(--spacing-unit) * 2.25);
box-shadow: 0 1px 3px var(--shadow-color);
}
.billing-card h3 {
@@ -131,11 +131,11 @@
}
.invoices-section {
background: white;
border: 1px solid #e5e7eb;
background: var(--accent-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 2rem;
padding: calc(var(--spacing-unit) * 2.25);
margin-bottom: calc(var(--spacing-unit) * 3);
}
.invoices-table {
@@ -190,49 +190,13 @@
}
.payment-methods-section {
background: white;
border: 1px solid #e5e7eb;
background: var(--accent-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 1.5rem;
padding: calc(var(--spacing-unit) * 2.25);
}
.btn-primary {
background: #2563eb;
color: white;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.btn-primary:hover {
background: #1d4ed8;
}
.btn-secondary {
background: #6b7280;
color: white;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.btn-secondary:hover {
background: #4b5563;
}
.btn-link {
background: none;
border: none;
color: #2563eb;
cursor: pointer;
text-decoration: underline;
}
.modal {
position: fixed;
@@ -240,20 +204,41 @@
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
z-index: 1000;
}
.modal-content {
background: white;
padding: 2rem;
background-color: var(--accent-color);
border-radius: 8px;
padding: calc(var(--spacing-unit) * 3);
max-width: 800px;
max-height: 90vh;
overflow-y: auto;
width: 90%;
max-height: 85vh;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 4px 20px var(--shadow-color);
}
.close-button {
align-self: flex-end;
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
color: var(--text-color-light);
padding: 0;
width: 32px;
height: 32px;
margin-bottom: var(--spacing-unit);
}
.close-button:hover {
color: var(--secondary-color);
}
.invoice-total {
@@ -267,7 +252,7 @@
}
.admin-billing {
padding: 2rem;
padding: calc(var(--spacing-unit) * 3);
max-width: 1400px;
margin: 0 auto;
}
@@ -275,16 +260,16 @@
.stats-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
gap: calc(var(--spacing-unit) * 2.25);
margin-bottom: calc(var(--spacing-unit) * 3);
}
.stat-card {
background: white;
border: 1px solid #e5e7eb;
background: var(--accent-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 1.5rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
padding: calc(var(--spacing-unit) * 2.25);
box-shadow: 0 1px 3px var(--shadow-color);
}
.stat-card h3 {
@@ -301,11 +286,11 @@
}
.pricing-config-section {
background: white;
border: 1px solid #e5e7eb;
background: var(--accent-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 2rem;
padding: calc(var(--spacing-unit) * 2.25);
margin-bottom: calc(var(--spacing-unit) * 3);
}
.pricing-table {
@@ -342,10 +327,10 @@
}
.invoice-generation-section {
background: white;
border: 1px solid #e5e7eb;
background: var(--accent-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 1.5rem;
padding: calc(var(--spacing-unit) * 2.25);
}
.invoice-gen-form {
static/css/style.css
+19
View File
@@ -699,11 +699,15 @@ body.dark-mode {
}
.photo-gallery {
background-color: var(--accent-color);
border-radius: 8px;
padding: calc(var(--spacing-unit) * 2);
}
.gallery-header {
margin-bottom: calc(var(--spacing-unit) * 3);
border-bottom: 1px solid var(--border-color);
padding-bottom: calc(var(--spacing-unit) * 2);
}
.gallery-header h2 {
@@ -762,6 +766,9 @@ body.dark-mode {
padding: calc(var(--spacing-unit) * 4);
color: var(--text-color-light);
font-size: 1.1rem;
grid-column: 1 / -1;
width: 100%;
background-color: var(--accent-color);
}
.empty-state::before {
@@ -979,3 +986,15 @@ body.dark-mode {
border-color: var(--primary-color);
background-color: rgba(0, 51, 153, 0.05);
}
-e
.shared-items-container {
background-color: var(--accent-color);
border-radius: 8px;
padding: calc(var(--spacing-unit) * 2);
}
.section-header {
border-bottom: 1px solid var(--border-color);
padding-bottom: calc(var(--spacing-unit) * 2);
margin-bottom: calc(var(--spacing-unit) * 2);
}