design/font improvements to backup pages

This commit is contained in:
usmannasir 2025-07-02 15:04:50 +05:00
parent 952c65e7fe
commit 15b8267ac2
3 changed files with 55 additions and 38 deletions

View File

@ -8,6 +8,11 @@
<!-- Current language: {{ LANGUAGE_CODE }} -->
<style>
body {
font-size: 16px;
line-height: 1.6;
}
.modern-container {
max-width: 1400px;
margin: 0 auto;
@ -54,7 +59,7 @@
background: #5b5fcf;
color: white;
border: none;
padding: 0.75rem 2rem;
padding: 0.875rem 2.25rem;
border-radius: 10px;
font-weight: 500;
cursor: pointer;
@ -63,7 +68,7 @@
align-items: center;
gap: 0.5rem;
text-decoration: none;
font-size: 0.875rem;
font-size: 1.125rem;
}
.btn-primary:hover {
@ -77,7 +82,7 @@
background: #fff;
color: #5b5fcf;
border: 1px solid #e8e9ff;
padding: 0.75rem 2rem;
padding: 0.875rem 2.25rem;
border-radius: 10px;
font-weight: 500;
cursor: pointer;
@ -86,7 +91,7 @@
align-items: center;
gap: 0.5rem;
text-decoration: none;
font-size: 0.875rem;
font-size: 1.125rem;
}
.btn-secondary:hover {
@ -100,12 +105,12 @@
background: #ef4444;
color: white;
border: none;
padding: 0.5rem 1rem;
padding: 0.625rem 1.25rem;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
font-size: 0.825rem;
font-size: 1rem;
}
.btn-danger:hover {
@ -118,12 +123,12 @@
background: #6b7280;
color: white;
border: none;
padding: 0.5rem 1rem;
padding: 0.625rem 1.25rem;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
font-size: 0.825rem;
font-size: 1rem;
}
.btn-gray:hover {
@ -177,15 +182,15 @@
flex: 0 0 200px;
font-weight: 500;
color: #1e293b;
font-size: 0.875rem;
font-size: 1.0625rem;
}
.form-control {
flex: 1;
padding: 0.875rem 1rem;
padding: 1rem 1.125rem;
border: 1px solid #e8e9ff;
border-radius: 10px;
font-size: 0.875rem;
font-size: 1.0625rem;
transition: all 0.3s ease;
background: #fff;
}
@ -209,21 +214,22 @@
}
.data-table th {
padding: 1rem;
padding: 1.125rem;
text-align: left;
font-weight: 600;
color: #1e293b;
font-size: 0.875rem;
font-size: 1.0625rem;
text-transform: uppercase;
letter-spacing: 0.05em;
border-bottom: 1px solid #e8e9ff;
}
.data-table td {
padding: 1rem;
color: #64748b;
font-size: 0.875rem;
padding: 1.125rem;
color: #475569;
font-size: 1.125rem;
border-bottom: 1px solid #f3f4f6;
font-weight: 400;
}
.data-table tbody tr:hover {
@ -242,7 +248,7 @@
}
.section-title {
font-size: 1rem;
font-size: 1.125rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 1rem;
@ -272,14 +278,14 @@
}
.info-label {
font-size: 0.75rem;
font-size: 0.875rem;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.info-value {
font-size: 1rem;
font-size: 1.125rem;
font-weight: 600;
color: #1e293b;
}

View File

@ -8,6 +8,11 @@
<!-- Current language: {{ LANGUAGE_CODE }} -->
<style>
body {
font-size: 16px;
line-height: 1.6;
}
.modern-container {
max-width: 1400px;
margin: 0 auto;
@ -54,7 +59,7 @@
background: #5b5fcf;
color: white;
border: none;
padding: 0.75rem 2rem;
padding: 0.875rem 2.25rem;
border-radius: 10px;
font-weight: 500;
cursor: pointer;
@ -63,7 +68,7 @@
align-items: center;
gap: 0.5rem;
text-decoration: none;
font-size: 1rem;
font-size: 1.125rem;
}
.btn-primary:hover {
@ -77,7 +82,7 @@
background: #fff;
color: #5b5fcf;
border: 1px solid #e8e9ff;
padding: 0.75rem 2rem;
padding: 0.875rem 2.25rem;
border-radius: 10px;
font-weight: 500;
cursor: pointer;
@ -86,7 +91,7 @@
align-items: center;
gap: 0.5rem;
text-decoration: none;
font-size: 1rem;
font-size: 1.125rem;
}
.btn-secondary:hover {
@ -302,10 +307,11 @@
}
.data-table td {
padding: 1rem;
color: #64748b;
font-size: 1rem;
padding: 1.125rem;
color: #475569;
font-size: 1.125rem;
border-bottom: 1px solid #f3f4f6;
font-weight: 400;
}
.data-table tbody tr:hover {
@ -320,9 +326,9 @@
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.375rem 0.875rem;
padding: 0.5rem 1rem;
border-radius: 50px;
font-size: 0.875rem;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
@ -613,7 +619,7 @@
<td>
<span class="status-badge"
ng-class="{'active': sub.status === 'active', 'inactive': sub.status !== 'active'}">
<i class="fas fa-circle" style="font-size: 0.5rem;"></i>
<i class="fas fa-circle" style="font-size: 0.625rem;"></i>
{$ sub.status $}
</span>
</td>
@ -621,7 +627,7 @@
<td>{$ sub.interval $}</td>
<td>{$ sub.current_period_end | date:'medium' $}</td>
<td>
<button class="btn-primary" style="padding: 0.5rem 1rem; font-size: 0.825rem;"
<button class="btn-primary" style="padding: 0.625rem 1.25rem; font-size: 1rem;"
ng-click="ReconfigureSubscription(sub)">
<i class="fas fa-cog"></i>
{% trans "Configure Server" %}
@ -682,7 +688,7 @@
<td><strong>{{ plan.planName }}</strong></td>
<td>{{ plan.subscription }}</td>
<td>
<span style="background: #e0e7ff; color: #5b5fcf; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.825rem; font-weight: 500;">
<span style="background: #e0e7ff; color: #5b5fcf; padding: 0.375rem 1rem; border-radius: 20px; font-size: 1rem; font-weight: 500;">
{% if plan.months == '1' %}
${{ plan.price }}/month
{% else %}

View File

@ -8,6 +8,11 @@
<!-- Current language: {{ LANGUAGE_CODE }} -->
<style>
body {
font-size: 16px;
line-height: 1.6;
}
.modern-container {
max-width: 1400px;
margin: 0 auto;
@ -60,7 +65,7 @@
background: #5b5fcf;
color: white;
border: none;
padding: 0.75rem 2rem;
padding: 0.875rem 2.25rem;
border-radius: 10px;
font-weight: 500;
cursor: pointer;
@ -69,7 +74,7 @@
align-items: center;
gap: 0.5rem;
text-decoration: none;
font-size: 0.875rem;
font-size: 1.125rem;
}
.btn-primary:hover {
@ -90,7 +95,7 @@
background: #fff;
color: #5b5fcf;
border: 1px solid #e8e9ff;
padding: 0.75rem 2rem;
padding: 0.875rem 2.25rem;
border-radius: 10px;
font-weight: 500;
cursor: pointer;
@ -99,7 +104,7 @@
align-items: center;
gap: 0.5rem;
text-decoration: none;
font-size: 0.875rem;
font-size: 1.125rem;
}
.btn-secondary:hover {
@ -153,7 +158,7 @@
flex: 0 0 150px;
font-weight: 500;
color: #1e293b;
font-size: 0.875rem;
font-size: 1.125rem;
}
.form-control {
@ -161,7 +166,7 @@
padding: 0.875rem 1rem;
border: 1px solid #e8e9ff;
border-radius: 10px;
font-size: 0.875rem;
font-size: 1.125rem;
transition: all 0.3s ease;
background: #fff;
}
@ -209,7 +214,7 @@
justify-content: center;
color: white;
font-weight: 500;
font-size: 0.875rem;
font-size: 1.125rem;
}
.alert {