a bit better look
This commit is contained in:
@@ -54,7 +54,7 @@ class ContentDialog(ui.dialog):
|
|||||||
ui.html(f"<b><i>Finished</i></b>").style("font-size: 12px")
|
ui.html(f"<b><i>Finished</i></b>").style("font-size: 12px")
|
||||||
|
|
||||||
with self.card, ui.row(wrap=False).classes("w-full").style("display: flex; justify-content: center;"):
|
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):
|
async def create_room(self):
|
||||||
room = await globals.ROOMS_DATABASE.create_room(self.content.tmdb_id)
|
room = await globals.ROOMS_DATABASE.create_room(self.content.tmdb_id)
|
||||||
|
|||||||
@@ -7,10 +7,10 @@ async def draw_header():
|
|||||||
with ui.header(wrap=False):
|
with ui.header(wrap=False):
|
||||||
with ui.row(wrap=False).classes("w-full justify-between"):
|
with ui.row(wrap=False).classes("w-full justify-between"):
|
||||||
with ui.row(wrap=False).classes("items-center"):
|
with ui.row(wrap=False).classes("items-center"):
|
||||||
ui.button(icon="home", on_click=lambda: ui.navigate.to("/contents"))
|
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"))
|
ui.button(text="Rooms", icon="movie", on_click=lambda: ui.navigate.to("/rooms")).props("rounded")
|
||||||
|
|
||||||
with ui.row(wrap=False).classes("items-center"):
|
with ui.row(wrap=False).classes("items-center"):
|
||||||
if user := await check_user():
|
if user := await check_user():
|
||||||
ui.html(f"<b>{user.username}</b>")
|
ui.html(f"<b>{user.username}</b>")
|
||||||
ui.button(icon="logout", on_click=lambda: logout(redirect=True))
|
ui.button(icon="logout", on_click=lambda: logout(redirect=True)).props("rounded")
|
||||||
|
|||||||
+7
-6
@@ -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]
|
season = tv_show.seasons[season_number - 1]
|
||||||
|
|
||||||
with seasons_column, ui.card().classes("w-full no-shadow").style("border-radius: 15px"):
|
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
|
episodes = tv_show.seasons[season_number - 1].episodes
|
||||||
for episode_number in range(1, len(episodes) + 1):
|
for episode_number in range(1, len(episodes) + 1):
|
||||||
episode_button = ui.button(str(episode_number),
|
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"):
|
with ui.column(wrap=False).classes("w-full") if portrait else ui.row(wrap=False).classes("w-full"):
|
||||||
player_card = ui.card()
|
player_card = ui.card()
|
||||||
player_card.classes("no-shadow")
|
player_card.classes("no-shadow items-center")
|
||||||
player_card.style("display: flex; justify-content: center; align-items: center; border-radius: 15px")
|
player_card.style("border-radius: 15px")
|
||||||
if portrait:
|
if portrait:
|
||||||
player_card.style("width: 100%;")
|
player_card.style("width: 100%;")
|
||||||
else:
|
else:
|
||||||
@@ -238,9 +239,9 @@ async def page(room_uid: str):
|
|||||||
_draw_messages(room_uid, user.uid, messages_scroll_area, messages_scroll_position)
|
_draw_messages(room_uid, user.uid, messages_scroll_area, messages_scroll_position)
|
||||||
messages_scroll_area.scroll_to(percent=100)
|
messages_scroll_area.scroll_to(percent=100)
|
||||||
|
|
||||||
with ui.row(wrap=False).classes("w-full justify-between"):
|
with ui.row(wrap=False).classes("w-full items-center"):
|
||||||
message_input = ui.input("Message").classes("w-full")
|
message_input = ui.input("Message").classes("w-full").props("dense outlined")
|
||||||
ui.button(icon="send", on_click=send_message).on("keyup.enter", send_message)
|
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))
|
ui.timer(0.1, partial(_draw_messages, room_uid, user.uid, messages_scroll_area, messages_scroll_position))
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user