v0.1.8

Author: jobcode14

app/components/ruby_cms/admin/admin_resource_card.rb

@@ -31,15 +31,15 @@ class AdminResourceCard < BaseComponent
       CARD_CLASS = "bg-card shadow-sm rounded-xl border border-border/60 ring-1 ring-black/[0.03] overflow-hidden"
       GRID_CLASS = "grid grid-cols-1 lg:grid-cols-3"
       MAIN_CLASS = "lg:col-span-2 p-6 space-y-6"
-      SIDEBAR_CLASS = "border-t lg:border-t-0 lg:border-l border-border/60 bg-muted/20 p-6 space-y-6"
-      ACTIONS_CLASS = "flex items-center justify-end gap-3 border-t border-border/60 px-6 py-4 bg-muted/20"
+      SIDEBAR_CLASS = "border-t lg:border-t-0 lg:border-l border-border/60 bg-background p-6 space-y-6"
+      ACTIONS_CLASS = "flex items-center justify-end gap-3 border-t border-border/60 px-6 py-4 bg-background"
 
       INPUT_CLASS = "block w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground shadow-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-colors"
       LABEL_CLASS = "block text-sm font-medium text-foreground mb-1.5"
       HINT_CLASS = "mt-1 text-xs text-muted-foreground"
       FILE_INPUT_CLASS = "block w-full text-sm text-muted-foreground file:mr-3 file:py-1.5 file:px-3 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-primary/10 file:text-primary hover:file:bg-primary/20 transition-colors"
 
-      SECTION_CLASS = "rounded-xl border border-border/60 bg-muted/30 p-5"
+      SECTION_CLASS = "rounded-xl border border-border/60 bg-background p-5"
       SECTION_TITLE_CLASS = "text-sm font-semibold text-foreground tracking-tight mb-4"
       DETAIL_LABEL_CLASS = "text-xs font-medium text-muted-foreground uppercase tracking-wider"
       DETAIL_VALUE_CLASS = "mt-1 text-sm text-foreground"

app/views/ruby_cms/admin/content_blocks/show.html.erb

@@ -78,33 +78,28 @@
 
         <%# ── Locale Tabs ── %>
         <% if @blocks_by_locale.present? %>
-          <% active_locale = @blocks_by_locale.key?(@content_block.locale.to_s) ? @content_block.locale.to_s : @blocks_by_locale.keys.first %>
           <div class="rounded-xl border border-border/60 overflow-hidden" data-controller="ruby-cms--locale-tabs">
-            <div class="flex gap-1 p-2 bg-muted/30 border-b border-border/60" role="tablist">
-              <% @blocks_by_locale.each do |locale_s, _| %>
-                <% selected = locale_s == active_locale %>
+            <div class="flex gap-1 p-2 bg-background border-b border-border/60" role="tablist">
+              <% @blocks_by_locale.each_with_index do |(locale_s, _), idx| %>
                 <button type="button"
                         role="tab"
-                        aria-selected="<%= selected %>"
+                        aria-selected="<%= idx == 0 %>"
                         aria-controls="locale-panel-<%= locale_s %>"
                         id="locale-tab-<%= locale_s %>"
                         data-ruby-cms--locale-tabs-target="tab"
                         data-panel-id="locale-panel-<%= locale_s %>"
-                        data-active-classes="bg-background text-primary shadow-sm ring-1 ring-border/60"
-                        data-inactive-classes="bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground"
                         data-action="click->ruby-cms--locale-tabs#switchTab"
-                        class="px-3 py-1.5 rounded-md text-xs font-medium border-none cursor-pointer transition-colors <%= selected ? 'bg-background text-primary shadow-sm ring-1 ring-border/60' : 'bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground' %>">
+                        class="px-3 py-1.5 rounded-md text-xs font-medium border-none cursor-pointer transition-colors <%= idx == 0 ? 'bg-background text-primary shadow-sm ring-1 ring-border/60' : 'bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground' %>">
                   <%= ruby_cms_locale_display_name(locale_s) %>
                 </button>
               <% end %>
             </div>
 
-            <% @blocks_by_locale.each do |locale_s, block| %>
-              <% selected = locale_s == active_locale %>
+            <% @blocks_by_locale.each_with_index do |(locale_s, block), idx| %>
               <div id="locale-panel-<%= locale_s %>"
                    role="tabpanel"
                    aria-labelledby="locale-tab-<%= locale_s %>"
-                   class="p-5 <%= selected ? '' : 'hidden' %>"
+                   class="p-5 <%= idx > 0 ? 'hidden' : '' %>"
                    data-locale-panel>
 
                 <%= hidden_field_tag "content_block[locales][#{locale_s}][locale]", locale_s %>
@@ -209,8 +204,8 @@
             <div class="space-y-3">
               <% @blocks_by_locale.each do |locale_s, block| %>
                 <% next if block.title.blank? && block.content_body.blank? %>
-                <div class="py-1">
-                  <span class="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground"><%= ruby_cms_locale_display_name(locale_s) %></span>
+                <div class="rounded-lg border border-border/60 bg-background p-3">
+                  <span class="inline-flex items-center rounded-md bg-background px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground ring-1 ring-border/60 mb-2"><%= ruby_cms_locale_display_name(locale_s) %></span>
                   <% if block.title.present? %>
                     <p class="text-xs font-medium text-foreground"><%= block.title %></p>
                   <% end %>