better font size for mobile

RiddleTime · Jun 13, 2024 · d243a8f · d243a8f
1 parent f3e99d3
commit d243a8f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/app/pages/guide/[slug].page.ts b/src/app/pages/guide/[slug].page.ts
@@ -10,7 +10,7 @@ import PostAttributes from '../../post-attributes';
   imports: [AsyncPipe, MarkdownComponent, CommonModule],
   template: `
     @if (post | async; as post) {
-    <article class="rounded-lg container mx-auto max-w-4xl px-3 text-pretty">
+    <article class="rounded-lg container mx-auto max-w-4xl px-3">
       <h1 class="text-xl md:text-3xl font-['Conthrax'] select-none dark:text-gray-300 dark:bg-black rounded-tl-xl border-l-2 pl-2 pr-2 pt-1 pb-1 border-red-800">
         @if(post.attributes.type !== undefined){
           <a href="/guide">Guides</a> >

diff --git a/src/app/pages/news/[slug].page.ts b/src/app/pages/news/[slug].page.ts
@@ -10,12 +10,12 @@ import PostAttributes from '../../post-attributes';
   imports: [AsyncPipe, MarkdownComponent, CommonModule],
   template: `
     @if (post | async; as post) {
-    <article class="rounded-lg container mx-auto max-w-4xl px-3 text-pretty">
+    <article class="rounded-lg container mx-auto max-w-4xl px-3">
       <h1 class="text-xl md:text-3xl font-['Conthrax'] select-none dark:text-gray-300 dark:bg-black rounded-tl-xl border-l-2 pl-2 pr-2 pt-1 pb-1 border-red-800">
         <a href="/news">News</a> > {{post.attributes.title}}
       </h1>
       <div class="container dark:bg-[#050505] pl-3 pr-[1em] pt-2 rounded-br-xl">
-        <p class="select-none text-sm mb-3 text-pretty">{{post.attributes.date !== undefined? (post.attributes.date | date:'longDate') : ''}}</p>
+        <p class="select-none text-sm mb-3">{{post.attributes.date !== undefined? (post.attributes.date | date:'longDate') : ''}}</p>
         <analog-markdown class="whitespace-pre-line" [content]="post.content" />
       </div>
     </article>

diff --git a/src/styles.css b/src/styles.css
@@ -30,20 +30,20 @@
 }
 
 .analog-markdown {
-
-  font-size: small;
+  font-size: 15;
+  line-height: 1.4rem;
   @apply md:text-base;
-
   @apply select-none;
+
   >h1 {
-    font-size: large;
     @apply md:text-xl;
     font-weight: 700;
     margin-bottom: -0.8em;
     @apply rounded-tl-xl;
     @apply border-l-2;
     @apply pl-2;
     @apply pt-2;
+    @apply mt-2;
     @apply border-red-900;
   }