디자인 템플릿 작업 시작

app/views/partials/_header.html.erb

@@ -1,9 +1,9 @@
 <header class="flex header" data-controller="timer">
   <div class="flex flex-row h-full">
-    <%= image_tag "svg/svg_logo.svg", class: "w-16 h-auto" %>
+    <%= image_tag "svg/svg_logo.svg", class: "w-fit h-auto mr-4" %>
     <%= link_to root_path do %>
       <div class="flex h-full items-center tracking-[0.5rem]">FARMITRY</div>
     <% end %>
   </div>
-  <div data-timer-target="output" class="text-gray-600"></div>
+  <div data-timer-target="output"></div>
 </header>

app/views/partials/_sidebar.html.erb

@@ -0,0 +1,42 @@
+<nav class="side-bar overflow-y-auto">
+  <div class="menu-group">
+    <div class="menu-group-icon">
+      <i class="fa-solid fa-house text-base-text/30 text-4xl"></i>
+    </div>
+    <div class="menu-group-name">
+      HOME
+    </div>
+  </div>
+  <div class="menu-group">
+    <div class="menu-group-icon">
+      <i class="fa-solid fa-temperature-high text-base-text/30 text-4xl"></i>
+    </div>
+    <div class="menu-group-name">
+      메뉴 2
+    </div>
+  </div>
+  <div class="menu-group">
+    <div class="menu-group-icon">
+      <i class="fa-solid fa-fan text-base-text/30 text-4xl"></i>
+    </div>
+    <div class="menu-group-name">
+      메뉴 3
+    </div>
+  </div>
+  <div class="menu-group">
+    <div class="menu-group-icon">
+      <i class="fa-solid fa-arrows-spin text-base-text/30 text-4xl"></i>
+    </div>
+    <div class="menu-group-name">
+      메뉴 4
+    </div>
+  </div>
+  <div class="menu-group">
+    <div class="menu-group-icon">
+      <i class="fa-solid fa-gear text-base-text/30 text-4xl"></i>
+    </div>
+    <div class="menu-group-name">
+      설청
+    </div>
+  </div>
+</nav>