convert footers to tailwind

app/assets/stylesheets/flash.css

@@ -1,69 +0,0 @@
-.flash-message {
-  width: 100%;
-  padding: 1rem;
-  margin-bottom: 1rem;
-  border-radius: 4px;
-  text-align: center;
-}
-
-.notice {
-  background-color: var(--uchu-light-blue);
-  color: var(--uchu-dark-blue);
-  border: 1px solid #bbdefb;
-}
-
-.alert {
-  background-color: var(--uchu-light-red);
-  color: var(--uchu-dark-red);
-  border: 1px solid #ffcdd2;
-}
-
-.success {
-  background-color: var(--uchu-light-green);
-  color: var(--uchu-dark-green);
-  border: 1px solid #c8e6c9;
-}
-
-footer {
-  position: relative;
-  width: 100%;
-  margin: 50px 0 20px 0;
-  padding: 10px;
-  text-align: center;
-  font-size: 12px;
-  color: rgba(150, 150, 150, 0.8);
-  background: none;
-  border-top: none;
-}
-
-footer:hover {
-  color: rgba(100, 100, 100, 1);
-}
-
-footer a {
-  color: inherit;
-  text-decoration: underline;
-  opacity: 0.8;
-  transition: opacity 0.2s ease;
-}
-
-footer a:hover {
-  opacity: 1;
-}
-
-.impersonate-link {
-  color: #cc5555 !important;
-  font-weight: bold;
-}
-
-  footer {
-    color: rgba(180, 180, 180, 0.6);
-  }
-
-  footer:hover {
-    color: rgba(220, 220, 220, 0.9);
-  }
-
-  .impersonate-link {
-    color: #ff9999 !important;
-  }

app/views/layouts/application.html.erb

@@ -158,20 +158,20 @@
     <!-- 250px is defined in nav.css -->
     <main class="flex-1 lg:ml-[250px] lg:max-w-[calc(100%-250px)] p-5 mb-[100px] pt-16 lg:pt-5 transition-all duration-300 ease-in-out">
       <%= yield %>
-      <footer>
+      <footer class="relative w-full mt-12 mb-5 p-2.5 text-center text-xs text-gray-600 hover:text-gray-300 transition-colors duration-200">
         <div class="container">
           <p>
-            Build <%= link_to Rails.application.config.git_version, Rails.application.config.commit_link %>
+            Build <%= link_to Rails.application.config.git_version, Rails.application.config.commit_link, class: "text-inherit underline opacity-80 hover:opacity-100 transition-opacity duration-200" %>
             from <%= time_ago_in_words(Rails.application.config.server_start_time) %> ago.
             <%= pluralize(Heartbeat.recent_count, 'heartbeat') %>
             (<%= Heartbeat.recent_imported_count %> imported)
-            in the last 24 hours.
+            in the past 24 hours.
             (DB: <%= pluralize(QueryCount::Counter.counter, "query") %>, <%= QueryCount::Counter.counter_cache %> cached)
             (CACHE: <%= cache_stats[:hits] %> hits, <%= cache_stats[:misses] %> misses)
             (<%= requests_per_second %>)
           </p>
           <% if session[:impersonater_user_id] %>
-            <%= link_to "Stop impersonating", stop_impersonating_path, class: "impersonate-link", data: { turbo_prefetch: "false" } %>
+            <%= link_to "Stop impersonating", stop_impersonating_path, class: "text-primary font-bold hover:text-red-300 transition-colors duration-200", data: { turbo_prefetch: "false" } %>
           <% end %>
         </div>
         <%= render "static_pages/active_users_graph", hours: active_users_graph_data %>

app/views/shared/_user_mention.html.erb

@@ -28,7 +28,7 @@
   <% end %>
   <% unless current_user == user %>
     <% admin_tool('', 'span') do %>
-      <%= link_to impersonate_user_path(user), class: "impersonate-link", data: { turbo_frame: "_top", turbo_prefetch: "false" } do %>
+      <%= link_to impersonate_user_path(user), class: "text-primary font-bold hover:text-red-300 transition-colors duration-200", data: { turbo_frame: "_top", turbo_prefetch: "false" } do %>
         🥸
       <% end %>
     <% end %>