Update styles for Tailwind v3

rubyaustralia · Jan 25, 2025 · 525c984 · 525c984
1 parent 45ee7ec
commit 525c984
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -35,7 +35,7 @@
   <%= vite_javascript_tag 'application' %>
 
 </head>
-  <body>
+  <body class="bg-pearl">
     <div id="wrap" class="flex flex-col md:flex-row">
       <aside id="meta" class="md:w-64 sm:w-screen flex-shrink-0">
         <%= render "shared/navigation" %>

diff --git a/app/views/pages/welcome.html.erb b/app/views/pages/welcome.html.erb
@@ -40,7 +40,7 @@
     <a href="#about" class="cta">About Us</a>
   </article>
 
-  <div class="divider-1" style="background-image: url(<%= asset_url('roro-pattern.png') %>)">&nbsp;</div>
+  <div class="divider-1 bg-red">&nbsp;</div>
 
   <article id="in-person" class="welcome md:ml-10">
     <h2>Meeting in Person</h2>
@@ -62,7 +62,7 @@
     </ul>
   </article>
 
-  <div class="divider-2" style="background-image: url(<%= asset_url('roro-pattern.png') %>)">&nbsp;</div>
+  <div class="divider-2 bg-red">&nbsp;</div>
 
   <article id="online" class="welcome md:ml-10">
     <h2>Connecting Online</h2>
@@ -76,11 +76,11 @@
     </p>
   </article>
 
-  <div class="divider-3" style="background-image: url(<%= asset_url('roro-pattern.png') %>)">&nbsp;</div>
+  <div class="divider-3 bg-red">&nbsp;</div>
 
-  <article id="sponsors" class="welcome md:ml-10">
+  <article id="sponsors" class="bg-white">
     <h2>Sponsors</h2>
-      <div class="flex flex-wrap justify-center">
+      <div class="flex flex-wrap justify-center welcome">
         <% sponsors.each do |sponsor| %>
           <% if sponsor['key'] == 'up' %>
             <div class="m-1">
@@ -99,7 +99,7 @@
       </div>
   </article>
 
-  <div class="divider-4" style="background-image: url(<%= asset_url('roro-pattern.png') %>)">&nbsp;</div>
+  <div class="divider-4 bg-red">&nbsp;</div>
 
   <article id="about" class="welcome md:ml-10">
     <h2>About Us</h2>