fix: add some padding for content on mobile

brandonroberts · Jan 2, 2021 · 6356c25 · 6356c25
1 parent 0e10ed1
commit 6356c25
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
   template: `
     <app-header></app-header>
 
-    <main class="flex flex-grow justify-center min-h-screen">
+    <main class="flex flex-grow justify-center min-h-screen px-4">
       <router>
         <route path="/blog" [exact]="false" [load]="components.blog"></route>
         <route path="/live" [load]="components.live"></route>

diff --git a/src/app/blog/post.component.ts b/src/app/blog/post.component.ts
@@ -14,7 +14,7 @@ import { PostCommentsComponentModule } from './comments.component';
 @Component({
   selector: 'app-post',
   template: `
-    <div class="w-screen max-w-4xl text-2xl py-4">
+    <div class="w-screen max-w-4xl text-2xl p-4">
       <h2 class="text-gray-600 text-2xl">{{ title$ | async }}</h2>
 
       <span class="font-light text-sm">