Update spacing and coloring for main layout

joyofrails · Dec 29, 2023 · ed22220 · ed22220
1 parent 7ad1016
commit ed22220
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 6 deletions.
diff --git a/app/helpers/css_helper.rb b/app/helpers/css_helper.rb
@@ -28,7 +28,7 @@ def footer_classes(*additional_classes)
     @footer_classes ||= %w[
       antialiased
       bg-theme-bg
-      mt-96
+      mt-32
       print:hidden
     ]
 

diff --git a/app/javascript/css/application.css b/app/javascript/css/application.css
@@ -3,5 +3,6 @@
 @import './components.css';
 
 html {
+  @apply bg-theme-bg;
   height: 100%;
 }
diff --git a/app/javascript/css/themes/colors.css b/app/javascript/css/themes/colors.css
@@ -44,8 +44,8 @@
   --theme-header-2: var(--violet-11);
   --theme-header-3: var(--violet-10);
   --theme-header-4: var(--violet-9);
-  --theme-header-5: var(--violet-8);
-  --theme-header-6: var(--violet-7);
+  --theme-header-5: var(--violet-9);
+  --theme-header-6: var(--violet-9);
 }
 
 .dark[data-joy-theme='dracula'] {

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -23,7 +23,7 @@
     <main
       class="
         w-full flex flex-col flex-grow
-        mx-auto mb-16 min-h-[32vh]
+        mx-auto min-h-[50vh]
       "
     >
       <%= yield %>

diff --git a/app/views/newsletter/_banner.html.erb b/app/views/newsletter/_banner.html.erb
@@ -1,5 +1,5 @@
-<div class="newsletter-banner">
-  <h3 class="font-semibold font-2xl text-theme-header-3 mb-2">The Joy of Rails Newsletter:
+<div class="newsletter-banner my-32">
+  <h3 class="font-semibold text-theme-header-3 mb-2 text-2xl">The Joy of Rails Newsletter:
     <span class="text-theme-header-5 mb-2">A spark of joy for your inbox</span>
   </h3>
   <p class="mb-4">I'll notify you when I post new content about Ruby on Rails. No spam.