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

fix test ask-AI oauth profile

Browse Source
This commit is contained in:
syui
2025-06-25 21:35:03 +09:00
parent 2c08a4acfb
commit be2bcae1d6
8 changed files with 252 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -79,7 +79,7 @@ a.view-markdown:any-link {
}
.header-content {
max-width: 1000px;
max-width: 800px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr auto 1fr;
@ -197,7 +197,6 @@ a.view-markdown:any-link {
margin-bottom: 16px;
}
/* Main Content */
.main-content {
grid-area: main;
max-width: 800px;
@ -206,13 +205,6 @@ a.view-markdown:any-link {
width: 100%;
}
@media (max-width: 1000px) {
.main-content {
padding: 0px;
max-width: 100%;
}
}
/* Timeline */
.timeline-container {
max-width: 600px;
@ -327,12 +319,9 @@ a.view-markdown:any-link {
/* Article */
.article-container {
display: grid;
grid-template-columns: 1fr 240px;
/* gap: 40px; */
max-width: 1000px;
max-width: 800px;
margin: 0 auto;
padding: 100px 0;
padding: 100px 0;
}
/* article.article-content { padding: 10px; } */
@ -396,18 +385,12 @@ a.view-markdown:any-link {
border-color: var(--white);
}
/* Sidebar styles */
.article-sidebar {
position: sticky;
top: 100px;
height: fit-content;
}
.toc {
background: #f6f8fa;
border: 1px solid #d1d9e0;
border-radius: 8px;
padding: 16px;
margin: 20px 0;
}
.toc h3 {
@ -814,10 +797,8 @@ article.article-content {
/* Responsive */
@media (max-width: 1000px) {
.article-container {
grid-template-columns: 1fr;
gap: 24px;
max-width: 100%;
padding: 50px 0;
padding: 50px 20px;
margin: 0;
}
}
@ -1141,7 +1122,66 @@ article.article-content {
.article-meta {
padding: 10px;
}
.article-actions {
padding: 10px;
}
}
/* Loading spinner for Ask AI panel */
.loading-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
}
.loading-spinner {
width: 20px;
height: 20px;
border: 2px solid #f3f3f3;
border-top: 2px solid var(--theme-color);
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 10px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loading-content p {
margin: 0;
color: #656d76;
font-size: 14px;
}
/* Handle links in chat messages */
.message-header .handle a {
color: #656d76;
text-decoration: none;
transition: color 0.2s;
}
.message-header .handle a:hover {
color: var(--theme-color);
text-decoration: underline;
}
@media (max-width: 1000px) {
.main-content {
padding: 0px;
max-width: 100%;
}
article.article-content {
max-width: 100%;
}
.timeline-feed {
padding: 0px;
}
}