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

This commit is contained in:
2025-06-14 14:04:14 +09:00
parent c2ca88b761
commit bdcd339338
9 changed files with 155 additions and 15 deletions

View File

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

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

View File

@ -1,3 +1,3 @@
<!-- 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">

View File

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

View File

@ -223,7 +223,11 @@ function App() {
const generatePlaceholderAvatar = (handle: string): string => {
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) => {