diff --git a/web/custom_widgets/content_dialog.py b/web/custom_widgets/content_dialog.py index 9bcd4ab..f0be797 100644 --- a/web/custom_widgets/content_dialog.py +++ b/web/custom_widgets/content_dialog.py @@ -54,7 +54,7 @@ class ContentDialog(ui.dialog): ui.html(f"Finished").style("font-size: 12px") with self.card, ui.row(wrap=False).classes("w-full").style("display: flex; justify-content: center;"): - ui.button("Create Room").on_click(self.create_room) + ui.button("Create Room").on_click(self.create_room).props("rounded push") async def create_room(self): room = await globals.ROOMS_DATABASE.create_room(self.content.tmdb_id) diff --git a/web/custom_widgets/header.py b/web/custom_widgets/header.py index ce79df6..62f1c92 100644 --- a/web/custom_widgets/header.py +++ b/web/custom_widgets/header.py @@ -7,10 +7,10 @@ async def draw_header(): with ui.header(wrap=False): with ui.row(wrap=False).classes("w-full justify-between"): with ui.row(wrap=False).classes("items-center"): - ui.button(icon="home", on_click=lambda: ui.navigate.to("/contents")) - ui.button(text="Rooms", icon="movie", on_click=lambda: ui.navigate.to("/rooms")) + ui.button(icon="home", on_click=lambda: ui.navigate.to("/contents")).props("rounded") + ui.button(text="Rooms", icon="movie", on_click=lambda: ui.navigate.to("/rooms")).props("rounded") with ui.row(wrap=False).classes("items-center"): if user := await check_user(): ui.html(f"{user.username}") - ui.button(icon="logout", on_click=lambda: logout(redirect=True)) + ui.button(icon="logout", on_click=lambda: logout(redirect=True)).props("rounded") diff --git a/web/pages/room.py b/web/pages/room.py index 02eb927..3a751a8 100644 --- a/web/pages/room.py +++ b/web/pages/room.py @@ -97,7 +97,8 @@ def _draw_seasons(room_uid: str, tmdb_id: int, seasons_column: ui.column, video_ season = tv_show.seasons[season_number - 1] with seasons_column, ui.card().classes("w-full no-shadow").style("border-radius: 15px"): - with ui.expansion(text=season.title, value=True).classes("w-full"), ui.row().classes("w-full"): + with (ui.expansion(text=season.title, value=True).classes("w-full"), + ui.row(align_items="baseline").classes("w-full")): episodes = tv_show.seasons[season_number - 1].episodes for episode_number in range(1, len(episodes) + 1): episode_button = ui.button(str(episode_number), @@ -193,8 +194,8 @@ async def page(room_uid: str): with ui.column(wrap=False).classes("w-full") if portrait else ui.row(wrap=False).classes("w-full"): player_card = ui.card() - player_card.classes("no-shadow") - player_card.style("display: flex; justify-content: center; align-items: center; border-radius: 15px") + player_card.classes("no-shadow items-center") + player_card.style("border-radius: 15px") if portrait: player_card.style("width: 100%;") else: @@ -238,9 +239,9 @@ async def page(room_uid: str): _draw_messages(room_uid, user.uid, messages_scroll_area, messages_scroll_position) messages_scroll_area.scroll_to(percent=100) - with ui.row(wrap=False).classes("w-full justify-between"): - message_input = ui.input("Message").classes("w-full") - ui.button(icon="send", on_click=send_message).on("keyup.enter", send_message) + with ui.row(wrap=False).classes("w-full items-center"): + message_input = ui.input("Message").classes("w-full").props("dense outlined") + ui.button(icon="send", on_click=send_message).on("keyup.enter", send_message).props("rounded") ui.timer(0.1, partial(_draw_messages, room_uid, user.uid, messages_scroll_area, messages_scroll_position))