Update post.html

This commit is contained in:
glossimute 2025-05-19 14:50:38 +09:00
parent 1e14f14a23
commit d050300830
1 changed files with 17 additions and 7 deletions

View File

@ -30,13 +30,21 @@
#cmButton{height:48px;margin-top:48px;} #cmButton{height:48px;margin-top:48px;}
#comments{margin-top:64px;} #comments{margin-top:64px;}
.g-emoji{font-size:24px;} .g-emoji{font-size:24px;}
.btn-invisible.circle {
#alignToggleBtn { width: 32px;
margin: 24px auto; height: 32px;
display: block; border-radius: 50%;
padding: 8px 12px; padding: 0;
font-size: 14px; display: flex;
cursor: pointer; align-items: center;
justify-content: center;
background: none;
border: none;
line-height: 0;
}
.btn-invisible.circle svg {
width: 16px;
height: 16px;
} }
@media (max-width: 600px) { @media (max-width: 600px) {
body {padding: 8px;} body {padding: 8px;}
@ -82,10 +90,12 @@
</a> </a>
<a id="copyLinkBtn" class="btn btn-invisible circle"> <a id="copyLinkBtn" class="btn btn-invisible circle">
<svg class="octicon" width="16" height="16" fill="currentColor" > <svg class="octicon" width="16" height="16" fill="currentColor" >
<path d="M7 10h1v2H7v-2zM3 2v2H2v12h12v-3h2v4H2V2h1z"></path>
</svg> </svg>
</a> </a>
<a id="alignToggleBtn" class="btn btn-invisible circle"> <a id="alignToggleBtn" class="btn btn-invisible circle">
<svg class="octicon" width="16" height="16" fill="currentColor"> <svg class="octicon" width="16" height="16" fill="currentColor">
<path d="M7 10h1v2H7v-2zM3 2v2H2v12h12v-3h2v4H2V2h1z"></path>
</svg> </svg>
</a> </a>
</div> </div>