Merge pull request #75 from mbaraa/refactor/player-ui-responsiveness

Refactor: Player's UI Responsiveness
mbaraa · Jun 12, 2024 · d9a872e · d9a872e
2 parents 948144e + 8451e42
commit d9a872e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/app/views/components/player/collapsed_player.templ b/app/views/components/player/collapsed_player.templ
@@ -28,7 +28,7 @@ templ collapsedPlayer() {
 				<div
 					class={
 						"flex", "flex-col", "justify-center",
-						"min-w-[100px]", "max-w-[230px]", "md:max-w-[275px]",
+						"min-w-[100px]", "max-w-[250px]", "md:max-w-[275px]",
 					}
 				>
 					<p class={ "w-full" }>

diff --git a/app/views/layouts/default.templ b/app/views/layouts/default.templ
@@ -49,7 +49,7 @@ templ Default(title string, children ...templ.Component) {
 		</head>
 		<body
 			hx-ext="loading-states"
-			class={ "min-w-screen", "min-h-screen", "p-0", "m-0", "font-Ubuntu", "bg-primary" }
+			class={ "min-w-[360px]", "min-h-screen", "p-0", "m-0", "font-Ubuntu", "bg-primary" }
 		>
 			@header.Header()
 			<div class="refresher">

diff --git a/app/views/layouts/raw.templ b/app/views/layouts/raw.templ
@@ -44,7 +44,7 @@ templ Raw(title string, children ...templ.Component) {
 		</head>
 		<body
 			hx-ext="loading-states"
-			class={ "min-w-screen", "min-h-screen", "p-0", "m-0", "font-Ubuntu", "bg-primary" }
+			class={ "min-w-[360px]",  "min-h-screen", "p-0", "m-0", "font-Ubuntu", "bg-primary" }
 		>
 			<div id="main-contents" style="display: contents">
 				for _, child := range children {