ai/manga
ai/manga
1
0
Fork 0
Code

fix

Browse Source
This commit is contained in:
syui 2024-04-03 22:36:05 +09:00
parent 071929f011
commit 92e2d62bc9
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
1 changed files with 49 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/App.vue
View File

@ -58,6 +58,7 @@
</div> </div>
<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">
@ -83,6 +84,7 @@
</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 class="page_title"> <div class="page_title">
@ -238,7 +240,7 @@ a span.icon-ai {
} }
.hooper-progress-inner { .hooper-progress-inner {
background-color: #aba700; background-color: #ddd700;
} }
button { button {
@ -261,7 +263,7 @@ ul.hooper-track {
.page { .page {
text-align:center; text-align:center;
background-color: rgba(184, 207, 224, .24); background-color: #f1f1f1;
padding: 50px 0 50px 0; padding: 50px 0 50px 0;
} }
@ -294,13 +296,14 @@ table {
text-align: center; text-align: center;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
word-break: break-all;
} }
thead, td, tr, th { thead, td, tr, th {
padding:10px; padding:10px;
background: #fff; background: #fff;
border: solid 1px #fff; border: solid 1px #fff;
padding: 5px 25px 5px 25px; padding: 15px 25px 15px 25px;
} }
th.row { th.row {
@ -341,7 +344,7 @@ span.comment-handle {
} }
span.comment-handle a { span.comment-handle a {
color: #aba700; color: #313131;
} }
img.comment { img.comment {
@ -349,7 +352,7 @@ img.comment {
} }
p.comment-body { p.comment-body {
padding: 5px 70px 5px 70px; padding: 5px 40px 15px 40px;
border-bottom: solid 1px #eee; border-bottom: solid 1px #eee;
} }
@ -357,9 +360,6 @@ span.comment-text {
padding:10px; padding:10px;
} }
span.comment {
}
button.comment_open { button.comment_open {
padding:20px 40px 20px 40px; padding:20px 40px 20px 40px;
background-color: rgba(184,207,224,.24); background-color: rgba(184,207,224,.24);
@ -379,8 +379,24 @@ button.comment_open:hover {
color: rgb(16, 131, 254); color: rgb(16, 131, 254);
} }
.bsky_comment {
background-color: #fff;
width: 700px;
margin: 0px auto;
border: solid 1px #eee;
}
.comment {
background-color: #fff;
}
@media screen and (max-width:1000px) { @media screen and (max-width:1000px) {
img{ width:100%; } img{
width:100%;
}
.bsky_comment {
width:100%;
}
.page_title a img { .page_title a img {
width:100%; width:100%;
} }
@ -398,4 +414,6 @@ button.comment_open:hover {
} }
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap') @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap')
/* color: #aba700 #fff700 #313131 rgba(184, 207, 224, .24) rgb(16, 131, 254) #ddd700 */
</style> </style>