fix
This commit is contained in:
parent
92e2d62bc9
commit
c2cf80351b
14
src/App.vue
14
src/App.vue
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user