UCS2014 commited on
Commit
f259a30
·
verified ·
1 Parent(s): 11527fb

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +9 -5
app.py CHANGED
@@ -30,8 +30,9 @@ STRIP_PILL_PAD_V_PX = 8
30
  STRIP_PILL_PAD_H_PX = 14
31
  STRIP_PILL_FONT_PX = 16
32
  TAGLINE_FONT_PX = 15
 
33
 
34
- HERO_LOGO_WIDTH_PX = 350 # width of the hero logo
35
  HERO_MARGIN_BOTTOM_PX= 30 # space under the hero logo
36
 
37
  GRID_GAP_PX = 50 # space between cards
@@ -111,6 +112,7 @@ st.markdown(f"""
111
  --strip-pill-ph: {STRIP_PILL_PAD_H_PX}px;
112
  --strip-pill-fs: {STRIP_PILL_FONT_PX}px;
113
  --tagline-fs: {TAGLINE_FONT_PX}px;
 
114
 
115
  --hero-w: {HERO_LOGO_WIDTH_PX}px;
116
  --hero-mb: {HERO_MARGIN_BOTTOM_PX}px;
@@ -163,10 +165,12 @@ st.markdown(f"""
163
  }}
164
 
165
  /* ===== TOP-LEFT STRIP ROW ===== */
166
- .suite-row {{
167
- display:flex; align-items:center; gap: var(--strip-gap);
168
- justify-content:flex-start; flex-wrap: wrap;
169
- }}
 
 
170
  .suite-pill {{
171
  background: linear-gradient(90deg, var(--navy1) 0%, var(--navy2) 100%);
172
  color: var(--gold);
 
30
  STRIP_PILL_PAD_H_PX = 14
31
  STRIP_PILL_FONT_PX = 16
32
  TAGLINE_FONT_PX = 15
33
+ STRIP_BELOW_GAP_PX = 30 # space between the top-left strip row and the hero logo
34
 
35
+ HERO_LOGO_WIDTH_PX = 400 # width of the hero logo
36
  HERO_MARGIN_BOTTOM_PX= 30 # space under the hero logo
37
 
38
  GRID_GAP_PX = 50 # space between cards
 
112
  --strip-pill-ph: {STRIP_PILL_PAD_H_PX}px;
113
  --strip-pill-fs: {STRIP_PILL_FONT_PX}px;
114
  --tagline-fs: {TAGLINE_FONT_PX}px;
115
+ --strip-row-mb: {STRIP_BELOW_GAP_PX}px;
116
 
117
  --hero-w: {HERO_LOGO_WIDTH_PX}px;
118
  --hero-mb: {HERO_MARGIN_BOTTOM_PX}px;
 
165
  }}
166
 
167
  /* ===== TOP-LEFT STRIP ROW ===== */
168
+ .suite-row {
169
+ display:flex; align-items:center; gap: var(--strip-gap);
170
+ justify-content:flex-start; flex-wrap: wrap;
171
+ margin: 0 0 var(--strip-row-mb) 0; /* was 0 0 8px 0 */
172
+ }
173
+
174
  .suite-pill {{
175
  background: linear-gradient(90deg, var(--navy1) 0%, var(--navy2) 100%);
176
  color: var(--gold);