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