From 95ec171479641e999ca0253e40f34a43fa4d9853 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=93=E3=81=91=E3=81=A3=E3=81=A1?= <kokt@sim1222.com>
Date: Fri, 16 Sep 2022 20:18:57 +0900
Subject: [PATCH] fix: improve design

---
 packages/client/src/pages/ytplayer.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/pages/ytplayer.vue b/packages/client/src/pages/ytplayer.vue
index aa8bd75e2..14f356ca2 100644
--- a/packages/client/src/pages/ytplayer.vue
+++ b/packages/client/src/pages/ytplayer.vue
@@ -52,8 +52,9 @@ fetch(`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${requestLang}`).the
 });
 
 definePageMetadata(computed(() => props.url ? {
-    title: 'ytplayer',
-		path: `/notes/${props.url}`,
+	title: title?.toString() || 'ytplayer',
+	path: `/notes/${props.url}`,
+	icon: 'fa-brands fa-youtube'
 } : null));
 
 console.log(await player.url);
@@ -64,15 +65,16 @@ console.log(await player.url);
 	height: 100%;
 }
 .player {
-	position: relative;
-	width: 100%;
-	height: 100%;
+	height: calc(100% - 10px);
+	width: calc(100% - 10px);
+	padding: 5px;
+
 	>iframe {
 		height: 100%;
-		left: 0;
-		position: absolute;
-		top: 0;
 		width: 100%;
+		border-radius: 0 0 var(--radius) var(--radius);
+		left: 0;
+		top: 0;
 	}
 }
 </style>