chore(song): update menu

mbaraa · Jun 3, 2024 · 054014c · 054014c
1 parent 1548c64
commit 054014c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/app/views/components/song/mobile_details.templ b/app/views/components/song/mobile_details.templ
@@ -5,9 +5,9 @@ import "fmt"
 
 templ DetailsMobile(song entities.Song) {
 	<div
-		class={ "w-[250px]", "h-full", "flex", "flex-col", "gap-y-2", "p-2" }
+		class={ "w-[250px]", "h-full", "flex", "flex-col", "gap-y-2", "py-2" }
 	>
-		<h3 class={ "text-lg", "font-medium" }>Details and options</h3>
+		<h3 class={ "text-lg", "font-medium" }>Details</h3>
 		<p class={ "text-md", "max-w-[200px]", "lg:max-w-[600px]", "overflow-hidden", "text-nowrap", "text-ellipsis" }>Added on { song.AddedAt }</p>
 		if song.PlayTimes == 1 {
 			<p class={ "text-md", "max-w-[200px]", "overflow-hidden", "text-nowrap", "text-ellipsis" }>Played once</p>

diff --git a/app/views/components/song/song.templ b/app/views/components/song/song.templ
@@ -91,10 +91,12 @@ templ Song(s entities.Song, additionalData []string, additionalOptions []templ.C
 templ options(song entities.Song, additionalOptions []templ.Component) {
 	<div
 		class={
-			"flex", "flex-col", "gap-y-1", "p-2", "rounded-md", "min-w-[250px]",
-			"bg-secondary-trans-20", "backdrop-blur-lg", "shadow-sm", "shadow-accent",
+			"min-w-[250px]", "bg-accent-trans-20", "p-[15px]", "rounded-[10px]",
+			"flex", "flex-col", "gap-y-2", "backdrop-blur-lg",
 		}
 	>
+		<h3 class={ "text-lg", "font-medium" }>Song's Options</h3>
+		<hr/>
 		for _, option := range additionalOptions {
 			@option
 		}