Merge pull request #492 from doerfli/feature/fontsize

increase default font size (#105)
doerfli · Jul 8, 2024 · c816a2c · c816a2c
2 parents 5f186c0 + fc68d6d
commit c816a2c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/app/assets/stylesheets/custom.css b/app/assets/stylesheets/custom.css
@@ -17,7 +17,7 @@
     }
 
     .prose_wide {
-        @apply prose;
+        @apply prose md:prose-lg;
         @apply max-w-full !important;
     }
 
@@ -29,19 +29,25 @@
     }
 
     .heading_1 {
-        @apply text-2xl pr-2 font-semibold border-solid border-amber-500 border-b-2;  
+        @apply pr-2 font-semibold border-solid border-amber-500 border-b-2;  
+    }
+
+    h1 {
+        @apply prose md:prose-lg;
     }
 
     .heading_2 {
-        @apply pr-2 text-xl font-medium border-solid border-amber-200 border-b-2;  
+        @apply pr-2 font-medium border-solid border-amber-200 border-b-2;  
 
         .subheading {
-            @apply pl-2 text-base font-light italic;
+            @apply prose md:prose-lg;
+            @apply pl-2 font-light italic;
         }
     }
 
     .heading_3 {
-        @apply pr-2 text-base italic font-medium;  
+        @apply prose md:prose-lg;
+        @apply pr-2 italic font-medium;  
     }
 
     .nav_item_right {
@@ -115,12 +121,13 @@
     }
 
     label {
-        @apply pr-2 text-base italic font-medium;
+        @apply pr-2 italic font-medium;
         @apply border-solid border-amber-200 border-b-2;  
     }
 
     [type='text'],
     [type='number'] {
+        @apply prose print:prose md:prose-lg;
         @apply py-1 w-full;
         @apply border-t-0 border-x-0 border-b-2;
     }

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -18,7 +18,7 @@
 
   <body>
     <%= render :partial => 'shared/navigation' %>
-    <section class="container mx-auto px-4 mt-4 prose">
+    <section class="container mx-auto px-4 mt-4 prose print:prose md:prose-lg">
       <%= render :partial => 'shared/messages' %>
       <%= yield %>
     </section>

diff --git a/app/views/shared/_navigation.html.erb b/app/views/shared/_navigation.html.erb
@@ -18,7 +18,7 @@
     </ul>
 
     <!-- to bar right  -->
-    <ul class="flex items-center">
+    <ul class="flex items-center lg:text-lg">
       <% unless session[:userinfo].nil? %>
         <a class="nav_item_right" href="<%= recipes_path %>">
           <li>