From 7df9640e8ce41c717d5f63b12d865cc2ab13759e Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Wed, 3 Apr 2024 23:50:49 +0900
Subject: [PATCH] fix

---
 src/App.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 14febc0..e008bd3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -78,7 +78,7 @@
 			<span v-for="i in api_json.data" class="comment">
 				<p class="comment-body" v-if="i">
 					{{ axios_check('/icon/' + i.did.replace('did:plc:', '') + '.jpg') }}
-					<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="url_check" class="comment"/><img :src="i.avatar" v-else-if="i.avatar" class="comment"/>  <span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle }}</a></span>
+					<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="url_check" class="comment"/><img :src="i.avatar" v-else-if="i.avatar" class="comment"/>  <span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle.replace('.bsky.social', '') }}</a></span>
 				<span class="comment-text" v-if="i.text">{{ i.text }}</span>
 			</p>
 		</span>
@@ -299,8 +299,7 @@ table {
 	word-break: break-all;
 }
 
-thead, td, tr, th {
-	padding:10px;
+.page_data table tbody > thead, td, tr, th {
 	background: #fff;
 	border: solid 1px #fff;
 	padding: 15px 25px 15px 25px;
@@ -311,6 +310,10 @@ th.row {
 	border:none;
 }
 
+th.row a img {
+	width:40px;
+}
+
 footer {
 	text-align: center;
 	background: #313131;
@@ -391,11 +394,11 @@ button.comment_open:hover {
 }
 
 @media screen and (max-width:1000px) { 
-	img{
+	img {
 		width:100%;
 	}
 	.bsky_comment {
-		width:100%;
+		width:auto;
 	}
 	.page_title a img {
 		width:100%;
@@ -411,6 +414,9 @@ button.comment_open:hover {
 	p.comment-body {
 		padding: 5px;
 	}
+	.page_data table tbody > thead, td, tr, th {
+		padding:10px;
+	}
 }
 
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap')