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

fix mobile css
Some checks are pending
Deploy to Cloudflare Pages / deploy (push) Waiting to run
Details

Browse Source
This commit is contained in:
syui
2025-06-14 14:04:14 +09:00
parent c2ca88b761
commit bdcd339338
9 changed files with 155 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.claude/settings.local.json
View File

@ -37,7 +37,8 @@
"Bash(rg:*)", "Bash(rg:*)",
"Bash(../target/release/ailog build)", "Bash(../target/release/ailog build)",
"Bash(zsh run.zsh:*)", "Bash(zsh run.zsh:*)",
"Bash(hugo:*)" "Bash(hugo:*)",
"WebFetch(domain:docs.bsky.app)"
], ],
"deny": [] "deny": []
} }

11
my-blog/static/assets/comment-atproto-B2XW69gE.js → my-blog/static/assets/comment-atproto-5XY8iSu2.js
View File

File diff suppressed because one or more lines are too long

1
my-blog/static/assets/comment-atproto-BNv2pGK8.css Normal file
View File

File diff suppressed because one or more lines are too long

125
my-blog/static/assets/comment-atproto-t3YMNO1o.js Normal file
View File

File diff suppressed because one or more lines are too long

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

@ -79,7 +79,7 @@ a.view-markdown:any-link {
} }
.header-content { .header-content {
max-width: 1200px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
display: grid; display: grid;
grid-template-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr;
@ -163,7 +163,7 @@ a.view-markdown:any-link {
} }
.ask-ai-content { .ask-ai-content {
max-width: 1200px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
} }
@ -193,13 +193,13 @@ a.view-markdown:any-link {
/* Main Content */ /* Main Content */
.main-content { .main-content {
grid-area: main; grid-area: main;
max-width: 1200px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
padding: 24px; padding: 24px;
width: 100%; width: 100%;
} }
@media (max-width: 1200px) { @media (max-width: 1000px) {
.main-content { .main-content {
padding: 24px 0; padding: 24px 0;
} }
@ -321,7 +321,7 @@ a.view-markdown:any-link {
display: grid; display: grid;
grid-template-columns: 1fr 240px; grid-template-columns: 1fr 240px;
gap: 40px; gap: 40px;
max-width: 1200px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
} }

4
my-blog/static/index.html
View File

@ -1,3 +1,3 @@
<!-- OAuth Comment System - Load globally for session management --> <!-- OAuth Comment System - Load globally for session management -->
<script type="module" crossorigin src="/assets/comment-atproto-B2XW69gE.js"></script> <script type="module" crossorigin src="/assets/comment-atproto-5XY8iSu2.js"></script>
<link rel="stylesheet" crossorigin href="/assets/comment-atproto-ZAg-o4pg.css"> <link rel="stylesheet" crossorigin href="/assets/comment-atproto-BNv2pGK8.css">

2
my-blog/templates/oauth-assets.html
View File

@ -1,3 +1,3 @@
<!-- OAuth Comment System - Load globally for session management --> <!-- OAuth Comment System - Load globally for session management -->
<script type="module" crossorigin src="/assets/comment-atproto-B2XW69gE.js"></script> <script type="module" crossorigin src="/assets/comment-atproto-t3YMNO1o.js"></script>
<link rel="stylesheet" crossorigin href="/assets/comment-atproto-ZAg-o4pg.css"> <link rel="stylesheet" crossorigin href="/assets/comment-atproto-ZAg-o4pg.css">

8
oauth/src/App.css
View File

@ -162,11 +162,17 @@
} }
.app-main { .app-main {
max-width: 1200px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
padding: 40px 20px; padding: 40px 20px;
} }
@media (max-width: 1000px) {
.app-main {
padding: 0px;
}
}
.gacha-section { .gacha-section {
text-align: center; text-align: center;
margin-bottom: 60px; margin-bottom: 60px;

6
oauth/src/App.tsx
View File

@ -223,7 +223,11 @@ function App() {
const generatePlaceholderAvatar = (handle: string): string => { const generatePlaceholderAvatar = (handle: string): string => {
const initial = handle ? handle.charAt(0).toUpperCase() : 'U'; const initial = handle ? handle.charAt(0).toUpperCase() : 'U';
return `https://via.placeholder.com/48x48/1185fe/ffffff?text=${initial}`; const svg = `<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" fill="#1185fe"/>
<text x="24" y="32" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">${initial}</text>
</svg>`;
return `data:image/svg+xml;base64,${btoa(svg)}`;
}; };
const loadAiChatHistory = async (did: string) => { const loadAiChatHistory = async (did: string) => {