style: improve readability on mobile devices (#166)

8 files changed, 8 insertions, 8 deletions

diff --git a/layouts/partials/components/list-article.html b/layouts/partials/components/list-article.html
index edd6096..f81c2ac 100644
--- a/layouts/partials/components/list-article.html
+++ b/layouts/partials/components/list-article.html
@@ -1,4 +1,4 @@
-<article class="prose mx-6 my-8 max-w-none">
+<article class="prose mx-6 my-8">
   <h1>{{ .Title }}</h1>
   {{ with .Content }}
     {{ . }}
diff --git a/layouts/partials/components/post-article.html b/layouts/partials/components/post-article.html
index 0cbadd8..f558cbe 100644
--- a/layouts/partials/components/post-article.html
+++ b/layouts/partials/components/post-article.html
@@ -1,4 +1,4 @@
-<article class="prose max-w-none">
+<article class="prose">
   <h1 class="mb-4">{{ .Title }}</h1>
 
   {{ partial "components/post-metadata" . }}
diff --git a/layouts/partials/components/post-toc.html b/layouts/partials/components/post-toc.html
index 46de312..2fe2ac4 100644
--- a/layouts/partials/components/post-toc.html
+++ b/layouts/partials/components/post-toc.html
@@ -3,7 +3,7 @@
     bg-secondary-bg
   {{ else }}
     bg-primary-bg
-  {{ end }} prose sticky top-16 z-10 hidden max-w-none px-6 py-4 lg:block"
+  {{ end }} prose sticky top-16 z-10 hidden px-6 py-4 lg:block"
 >
   <h3>{{ i18n "onThisPage" }}</h3>
 </div>
diff --git a/layouts/partials/components/summary-masonry.html b/layouts/partials/components/summary-masonry.html
index a9186cd..9a3cecb 100644
--- a/layouts/partials/components/summary-masonry.html
+++ b/layouts/partials/components/summary-masonry.html
@@ -5,7 +5,7 @@
   {{ with $featured }}
     {{ . }}
   {{ end }}
-  <div class="prose max-w-none px-6 pt-6 pb-4">
+  <div class="prose px-6 pt-6 pb-4">
     <a href="{{ .Permalink }}" class="no-underline">
       <h3 class="mt-0">{{ .LinkTitle }}</h3>
     </a>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index e780290..a1e7a3f 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,5 +1,5 @@
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 
 {{ define "partials/get-title" }}
 {{ $separator := .Site.Params.titleSeparator | default "|" }}
diff --git a/layouts/partials/utils/get-summary.html b/layouts/partials/utils/get-summary.html
index 0909938..367075b 100644
--- a/layouts/partials/utils/get-summary.html
+++ b/layouts/partials/utils/get-summary.html
@@ -1,4 +1,4 @@
-<div class="prose max-w-none">
+<div class="prose">
   <a href="{{ .Permalink }}" class="no-underline">
     <h3 class="mt-0">{{ .LinkTitle }}</h3>
   </a>
diff --git a/layouts/partials/widgets/about.html b/layouts/partials/widgets/about.html
index 9633439..2a786e1 100644
--- a/layouts/partials/widgets/about.html
+++ b/layouts/partials/widgets/about.html
@@ -46,6 +46,6 @@
     {{ end }}
   </div>
 </div>
-<div class="prose max-w-none">
+<div class="prose">
   {{ .Content }}
 </div>
diff --git a/layouts/partials/widgets/experience.html b/layouts/partials/widgets/experience.html
index 5b2d508..267ab23 100644
--- a/layouts/partials/widgets/experience.html
+++ b/layouts/partials/widgets/experience.html
@@ -1,7 +1,7 @@
 {{ range .Params.experiences }}
   <div class="mb-6">
     <div
-      class="bg-secondary-bg prose dark:border-tertiary-bg max-w-none rounded border p-6 transition duration-200 ease-in-out hover:shadow-lg"
+      class="bg-secondary-bg prose dark:border-tertiary-bg rounded border p-6 transition duration-200 ease-in-out hover:shadow-lg"
     >
       <h3 class="">{{ .title }}</h3>
       <div class="flex flex-col md:flex-row md:justify-between">