1
0
This commit is contained in:
syui 2024-04-03 23:22:17 +09:00
parent 92e2d62bc9
commit c2cf80351b
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56

View File

@ -57,12 +57,11 @@
</div> </div>
</div> </div>
<div class="comment"> <div class="comment">
<div class="bsky_comment" v-if="comment_open == false"> <div class="bsky_comment" v-if="comment_open == false">
<span class="comment"> <span class="comment">
<p class="comment-body" v-if="comment_first"> <p class="comment-body" v-if="comment_first">
<img :src="'/icon/' + comment_first.did.replace('did:plc:', '') + '.jpg'" v-if="comment_first.avatar" class="comment"/> <span class="comment-time" v-if="comment_first.updated_at"><a :href="comment_first.bsky_url">{{ moment(comment_first.updated_at) }}</a></span> <span class="comment-handle" v-if="comment_first.handle"><a :href="'https://' + comment_first.bsky_url.split('/').slice(2,5).join('/')">@{{ comment_first.handle }}</a></span> <img :src="'/icon/' + comment_first.did.replace('did:plc:', '') + '.jpg'" v-if="comment_first.avatar" class="comment"/> <span class="comment-time" v-if="comment_first.updated_at"><a :href="comment_first.bsky_url" v-if="comment_first.bsky_url">{{ moment(comment_first.updated_at) }}</a></span> <span class="comment-handle" v-if="comment_first.handle"><a :href="'https://' + comment_first.bsky_url.split('/').slice(2,5).join('/')" v-if="comment_first.bsky_url">@{{ comment_first.handle }}</a></span>
<span class="comment-text" v-if="comment_first.text">{{ comment_first.text }}</span> <span class="comment-text" v-if="comment_first.text">{{ comment_first.text }}</span>
</p> </p>
</span> </span>
@ -79,13 +78,13 @@
<span v-for="i in api_json.data" class="comment"> <span v-for="i in api_json.data" class="comment">
<p class="comment-body" v-if="i"> <p class="comment-body" v-if="i">
{{ axios_check('/icon/' + i.did.replace('did:plc:', '') + '.jpg') }} {{ 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">{{ 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('/')">@{{ 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 }}</a></span>
<span class="comment-text" v-if="i.text">{{ i.text }}</span> <span class="comment-text" v-if="i.text">{{ i.text }}</span>
</p> </p>
</span> </span>
<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div> <div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div>
</div> </div>
</div> </div>
<div class="page_title"> <div class="page_title">
<div class="page_data"> <div class="page_data">
@ -140,6 +139,7 @@ export default {
bsky_cursor: null, bsky_cursor: null,
bsky_cid: "", bsky_cid: "",
bsky_json: null, bsky_json: null,
bsky_url: null,
api_url: null, api_url: null,
api_json: null, api_json: null,
comment_open: false, comment_open: false,
@ -219,7 +219,7 @@ a {
} }
a span.icon-ai { a span.icon-ai {
color: #fff700; color: #ddd700;
} }
.page_n{text-align:center;height:50px} .page_n{text-align:center;height:50px}
@ -256,7 +256,7 @@ ul.hooper-track {
} }
.hooper-list img { .hooper-list img {
width:500px; width:400px;
border: solid 3px #313131; border: solid 3px #313131;
margin: 20px; margin: 20px;
} }
@ -381,7 +381,7 @@ button.comment_open:hover {
.bsky_comment { .bsky_comment {
background-color: #fff; background-color: #fff;
width: 700px; width: 600px;
margin: 0px auto; margin: 0px auto;
border: solid 1px #eee; border: solid 1px #eee;
} }