ai/log
1
0
Fork 0
Code Pull Requests Actions Wiki Activity

fix css
Some checks failed
Deploy to Cloudflare Pages / build-and-deploy (push) Failing after 15m0s
Details

Browse Source
This commit is contained in:
syui
2025-06-14 15:47:39 +09:00
parent b842ca7cc6
commit 9c34bf73c6
8 changed files with 515 additions and 433 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
my-blog/static/css/style.css
View File

@ -199,8 +199,8 @@ a.view-markdown:any-link {
@media (max-width: 1000px) {
.main-content {
padding: 20px !important;
max-width: 100% !important;
padding: 20px;
max-width: 100%;
}
}
@ -737,7 +737,6 @@ a.view-markdown:any-link {
margin: 0 auto;
margin-top: 48px;
padding-top: 32px;
border-top: 1px solid #d1d9e0;
}
.comment-container {
@ -771,23 +770,24 @@ a.view-markdown:any-link {
/* Responsive */
@media (max-width: 1000px) {
.article-container {
grid-template-columns: 1fr !important;
gap: 24px !important;
max-width: 100% !important;
padding: 0px !important;
margin: 0 !important;
grid-template-columns: 1fr;
gap: 24px;
max-width: 100%;
padding: 0;
margin: 0;
}
}
@media (max-width: 1000px) {
.main-header {
padding: 12px 0 !important;
padding: 12px 0;
}
.header-content {
max-width: 100% !important;
padding: 0 20px !important;
grid-template-columns: 0 1fr auto !important;
max-width: 100%;
padding: 0 20px;
grid-template-columns: auto 1fr auto;
gap: 0;
}
/* Hide site title text on mobile */
@ -795,17 +795,20 @@ a.view-markdown:any-link {
display: none;
}
/* Center logo on mobile */
/* Left align logo on mobile */
.logo {
grid-column: 1 / 3;
justify-self: center;
grid-column: 1;
justify-self: left;
padding: 5px;
display: flex;
justify-content: flex-start;
align-items: center;
}
/* Reduce logo size on mobile */
.logo .likeButton {
width: 40pt !important;
height: 40pt !important;
width: 40pt;
height: 40pt;
}
/* Position AI button on the right */
@ -814,24 +817,17 @@ a.view-markdown:any-link {
justify-self: end;
}
/* Show only icon for Ask AI button on mobile */
/* Ask AI button mobile style */
.ask-ai-btn {
padding: 8px;
min-width: 40px;
justify-content: center;
font-size: 0;
gap: 0;
}
.ask-ai-btn .ai-icon {
margin: 0;
}
/* Hide AI button text on mobile, show only icon */
.ask-ai-btn {
font-size: 0;
gap: 0px !important;
}
.ask-ai-btn .ai-icon {
font-size: 16px;
}
@ -845,14 +841,14 @@ a.view-markdown:any-link {
}
.article-body pre {
margin: 16px 0 !important;
border-radius: 4px !important;
max-width: 100% !important;
overflow-x: auto !important;
margin: 16px 0;
border-radius: 4px;
max-width: 100%;
overflow-x: auto;
}
.article-body pre code {
padding: 20px 12px !important;
padding: 20px 12px;
word-wrap: break-word;
white-space: pre-wrap;
}