death916/deathclock
1
0
Fork 0
mirror of https://github.com/Death916/deathclock.git synced 2026-04-10 03:04:40 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

vh for sizing

Browse source
This commit is contained in:
death916 2025-11-13 04:52:37 -08:00
parent b90580286d
commit ed1ace0600
1 changed files with 33 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

54
deathclock/deathclock.py
View file

@ -242,22 +242,29 @@ class State(rx.State):
def index() -> rx.Component: def index() -> rx.Component:
# Build NBA scores list (safe access with .get where appropriate) # Build NBA scores list (safe access with .get where appropriate)
nba_scores_list = rx.vstack( nba_scores_list = rx.box(
rx.foreach( rx.vstack(
State.nba_scores, rx.foreach(
lambda score: rx.card( State.nba_scores,
rx.text( lambda score: rx.card(
f"{score.get('away_team', '?')} {score.get('away_score', '-')} @ " rx.text(
f"{score.get('home_team', '?')} {score.get('home_score', '-')} " f"{score.get('away_team', '?')} {score.get('away_score', '-')} @ "
f"(Status: {score.get('status', '?')})" f"{score.get('home_team', '?')} {score.get('home_score', '-')} "
) f"(Status: {score.get('status', '?')})",
size="1",
),
width="100%",
padding="0.5",
variant="surface",
),
), ),
spacing="1",
align_items="stretch",
width="auto",
), ),
spacing="1", max_height="60vh",
padding="2", overflow_y="auto",
align_items="stretch", padding="0.25rem",
width="100%",
wrap="wrap",
) )
nba_card = rx.card( nba_card = rx.card(
@ -265,7 +272,8 @@ def index() -> rx.Component:
rx.text("NBA Scores"), rx.text("NBA Scores"),
nba_scores_list, nba_scores_list,
), ),
height="70vh", # shrinking the height of the card width="auto",
padding="1",
) )
# Weather card # Weather card
@ -276,15 +284,17 @@ def index() -> rx.Component:
src=State.weather_img, src=State.weather_img,
alt="Current weather conditions for Sacramento", alt="Current weather conditions for Sacramento",
width="100%", width="100%",
height="auto", height="60vh",
object_fit="contain", object_fit="contain",
border_radius="var(--radius-3)", border_radius="var(--radius-3)",
padding_top="0",
padding_bottom="0",
), ),
rx.text( rx.text(
f"Last Update: {State.last_weather_update}", f"Last Update: {State.last_weather_update}",
size="1", size="1",
color_scheme="gray", color_scheme="gray",
padding_top="0.5em", padding_top="0",
), ),
align="center", align="center",
spacing="2", spacing="2",
@ -356,7 +366,7 @@ def index() -> rx.Component:
mlb_card, mlb_card,
nfl_card, nfl_card,
), ),
spacing="3", spacing="2",
width="100%", width="100%",
justify="center", justify="center",
align="baseline", align="baseline",
@ -373,7 +383,9 @@ def index() -> rx.Component:
news_card = rx.card( news_card = rx.card(
rx.box( rx.box(
rx.text("News Headlines"), rx.center(
rx.text("News Headlines"),
),
rx.center( rx.center(
rx.cond( rx.cond(
State.news, State.news,
@ -395,7 +407,7 @@ def index() -> rx.Component:
width="100%", width="100%",
min_height="3.25rem", min_height="3.25rem",
), ),
padding="4", padding="2",
), ),
variant="surface", variant="surface",
width="100%", width="100%",
@ -410,7 +422,7 @@ def index() -> rx.Component:
main_flex, main_flex,
news_card, news_card,
align="center", align="center",
spacing="4", spacing="2",
) )
), ),
padding="2rem", padding="2rem",