사이드바 on/off 추가, 숫자 폰트 샘플 적용

app/views/layouts/application.html.erb

@@ -23,7 +23,7 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
 </head>
 
-<body class="min-h-screen bg-base-background text-base-text min-w-full overflow-x-auto h-full whitespace-nowrap">
+<body class="background-pattern min-h-screen min-w-full overflow-x-auto h-full whitespace-nowrap">
 <%= turbo_frame_tag :modals %>
 <main class="flex flex-col h-full" data-controller="sidebar">
   <%= render "partials/header" %>

app/views/partials/_sidebar.html.erb

@@ -1,26 +1,28 @@
 <div data-sidebar-target="overlay" data-action="click->sidebar#close" class="fixed inset-0 bg-black/50 z-40 hidden lg:hidden"></div>
-<nav class="side-bar overflow-y-auto transition-transform lg:translate-x-0 -translate-x-full fixed lg:relative top-0 left-0 h-full bg-base-background z-40" data-sidebar-target="menu">
-  <div class="menu-group">
+<nav class="side-bar overflow-y-auto transition-transform lg:translate-x-0 -translate-x-full bg-base-background lg:bg-transparent fixed lg:relative top-0 left-0 h-full z-40" data-sidebar-target="menu">
+  <%= link_to root_path, class: "menu-group #{'menu-group-active' if current_page?(root_path)}" do %>
     <div class="menu-group-icon">
-      <i class="fa-solid fa-house text-base-text/30 text-4xl"></i>
+      <i class="fa-solid fa-chart-line text-base-text text-4xl"></i>
     </div>
     <div class="menu-group-name">
-      HOME
+      현황
     </div>
-  </div>
+  <% end %>
+  <hr />
   <% @controllers.each do |c| %>
-    <%= link_to view_schedule_path(c.id), class: "menu-group" do %>
+    <%= link_to view_schedule_path(c.id), class: "menu-group #{'menu-group-active' if current_page?(view_schedule_path(c.id))}" do %>
       <div class="menu-group-icon">
-        <i class="fa-solid fa-temperature-high text-base-text/30 text-4xl"></i>
+        <i class="fa-solid fa-temperature-high text-base-text text-4xl"></i>
       </div>
       <div class="menu-group-name">
         <%= c.name %>
       </div>
     <% end %>
+    <hr />
   <% end %>
   <div class="menu-group">
     <div class="menu-group-icon">
-      <i class="fa-solid fa-gear text-base-text/30 text-4xl"></i>
+      <i class="fa-solid fa-gear text-base-text text-4xl"></i>
     </div>
     <div class="menu-group-name">
       설청

app/views/schedules/index.html.erb

@@ -5,8 +5,10 @@
       <div class="text-xl">실내온도</div>
       <div class="flex flex-row justify-between items-baseline w-full">
         <i class="fa-solid fa-temperature-quarter text-base-text/80 text-4xl text-left w-full"></i>
-        <div class="items-baseline text-right w-full"><span class="text-4xl">15.5</span>
-          <span class="text-2xl">°C</span></div>
+        <div class="items-baseline text-right w-full">
+          <span class="text-4xl font-['GongGothicMedium'] font-light">15.5</span>
+          <span class="text-2xl">°C</span>
+        </div>
       </div>
     </div>
   </div>
@@ -17,7 +19,7 @@
       <div class="text-xl">실내습도</div>
       <div class="flex flex-row justify-between items-baseline w-full">
         <i class="fa-solid fa-droplet text-base-text/80 text-4xl text-left w-full"></i>
-        <div class="items-baseline text-right w-full"><span class="text-4xl">60</span> <span class="text-2xl">%</span>
+        <div class="items-baseline text-right w-full"><span class="text-4xl font-['GongGothicMedium']">60</span> <span class="text-2xl">%</span>
         </div>
       </div>
     </div>
@@ -33,7 +35,7 @@
             <span class="text-xl">CO</span><span class="text-sm">2</span>
           </div>
         </div>
-        <div class="items-baseline text-right"><span class="text-4xl">60</span> <span class="text-2xl">%</span></div>
+        <div class="items-baseline text-right"><span class="text-4xl font-['GongGothicMedium']">60</span> <span class="text-2xl">%</span></div>
       </div>
     </div>
   </div>
@@ -47,7 +49,7 @@
       <div class="text-xl">FAN</div>
       <div class="flex flex-row justify-between items-baseline w-full">
         <i class="fa-solid fa-fan text-base-text/80 text-4xl text-left w-full"></i>
-        <div class="items-baseline text-right w-full"><span class="text-4xl">60</span> <span class="text-2xl">%</span>
+        <div class="items-baseline text-right w-full"><span class="text-4xl font-['GongGothicMedium']">60</span> <span class="text-2xl">%</span>
         </div>
       </div>
     </div>
@@ -59,7 +61,7 @@
       <div class="text-xl">공조기</div>
       <div class="flex flex-row justify-between items-baseline w-full">
         <i class="fa-solid fa-temperature-quarter text-base-text/80 text-4xl text-left w-full"></i>
-        <div class="items-baseline text-right w-full"><span class="text-4xl">15.5</span>
+        <div class="items-baseline text-right w-full"><span class="text-4xl font-['GongGothicMedium']">15.5</span>
           <span class="text-2xl">°C</span></div>
       </div>
     </div>
@@ -71,7 +73,7 @@
       <div class="text-xl">LED</div>
       <div class="flex flex-row justify-between items-baseline w-full">
         <i class="fa-solid fa-lightbulb text-base-text/80 text-4xl text-left w-full"></i>
-        <div class="items-baseline text-right w-full"><span class="text-4xl">60</span> <span class="text-2xl">%</span>
+        <div class="items-baseline text-right w-full"><span class="text-4xl font-['GongGothicMedium']">60</span> <span class="text-2xl">%</span>
         </div>
       </div>
     </div>
@@ -83,7 +85,7 @@
   <!-- pH -->
   <div class="dashboard-group">
     <div class="flex justify-between items-baseline">
-      <div class="text-4xl">pH</div>
+      <div class="text-4xl font-['GongGothicMedium']">pH</div>
       <div class="text-3xl">7.1</div>
     </div>
     <div class="flex justify-between items-baseline">
@@ -97,7 +99,7 @@
   <!-- EC -->
   <div class="dashboard-group">
     <div class="flex justify-between items-baseline">
-      <div class="text-4xl">EC</div>
+      <div class="text-4xl font-['GongGothicMedium']">EC</div>
       <div class="text-3xl">0.1</div>
     </div>
     <div class="flex justify-between items-baseline">
@@ -114,7 +116,7 @@
       <div class="text-xl">양액온도</div>
       <div class="flex flex-row justify-between items-baseline w-full">
         <!--        <i class="fa-solid fa-temperature-quarter text-base-text/80 text-4xl text-left w-full"></i>-->
-        <div class="items-baseline text-right w-full"><span class="text-4xl">20.96</span>
+        <div class="items-baseline text-right w-full"><span class="text-4xl font-['GongGothicMedium']">20.96</span>
           <span class="text-2xl">°C</span></div>
       </div>
     </div>