Mediusa/FlockRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: optimize monthly support button for mobile viewports and fix badge layout

Browse Source
This commit is contained in:
Mediusa
2026-09-12 10:43:11 -07:00
parent fac6a6189d
commit bcfa81f5ff
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+16 -6
View File
@@ -3413,13 +3413,22 @@ body {
.monthly-sub-banner { .monthly-sub-banner {
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
padding: 18px 16px;
gap: 16px; gap: 16px;
} }
.monthly-sub-right { .monthly-sub-right {
align-items: stretch; align-items: stretch;
flex-direction: row; flex-direction: column;
justify-content: space-between; gap: 14px;
align-items: center; }
.monthly-price-wrap {
justify-content: flex-start;
}
.btn-subscribe-monthly {
justify-content: center;
width: 100%;
padding: 13px 18px;
font-size: 0.95rem;
} }
} }
@@ -3477,9 +3486,9 @@ body {
} }
.tier-popular-ribbon { .tier-popular-ribbon {
position: absolute; display: inline-flex;
top: 10px; align-items: center;
right: 12px; align-self: flex-start;
background: linear-gradient(135deg, #f59e0b, #d97706); background: linear-gradient(135deg, #f59e0b, #d97706);
color: #07090e; color: #07090e;
font-size: 0.65rem; font-size: 0.65rem;
@@ -3489,6 +3498,7 @@ body {
border-radius: 9999px; border-radius: 9999px;
letter-spacing: 0.05em; letter-spacing: 0.05em;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
margin-bottom: 6px;
} }
.tier-badge-label { .tier-badge-label {