优化手机上的浏览效果

iamyunsin · Apr 29, 2024 · e0b1511 · e0b1511
1 parent ce4c450
commit e0b1511
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
@@ -6,7 +6,7 @@ interface Props {
 const { date } = Astro.props;
 ---
 
-<time datetime={date.toISOString()}>
+<time class="font-size-12" datetime={date.toISOString()}>
 	{
 		date.toLocaleDateString('zh-CN', {
 			year: 'numeric',

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
@@ -25,7 +25,7 @@ const { title, description, pubDate, updatedDate, minutes, words } = Astro.props
         <section class="flex-1 bg-white overflow-hidden">
           <header class="bg-white top-0 p-12 pb-4 b-b-dashed b-b-[#cdcdcd] b-b-1">
             <h1 class="font-size-18 font-weight-900 text-center">{title}</h1>
-            <div class="flex justify-between items-center lt-xs:flex-col">
+            <div class="flex justify-between items-center lt-xs:flex-col font-200">
               <div>
                 <span>共{words}字，</span>
                 <span>预计阅读{minutes?.toFixed(0)}分钟</span>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -18,8 +18,8 @@ import CardTitle from '@/components/CardTitle.astro';
 	</head>
 	<body>
 		<Header />
-		<BodyWrapper class="flex gap-20">
-      <aside class="w-280 flex flex-col gap-12 lt-sm:hidden">
+		<BodyWrapper class="flex gap-20 lt-sm:flex-col lt-sm:gap-12">
+      <aside class="w-280 flex flex-col gap-12 lt-sm:w-auto">
         <Author />
         <Card class="shadow">
           <CardTitle>统计数据</CardTitle>