화면 레이아웃 구성

This commit is contained in:
2025-04-17 04:14:43 +09:00
parent 4b9c59b6e0
commit f90962c54f
7 changed files with 146 additions and 48 deletions

View File

@@ -0,0 +1,10 @@
<header class="flex header">
<div class="flex flex-row">
<%= image_tag "svg/svg_logo.svg", class: "w-16 h-auto" %>
<div class="flex h-full items-center tracking-[0.5rem]">FARMITRY</div>
</div>
<div class="flex flex-row items-center gap-x-4">
<i class="fa-solid fa-circle-user text-4xl text-default-slate-dark"></i>
<%= link_to "로그아웃", '', class: "btn" %>
</div>
</header>

View File

@@ -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-default-slate-dark 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-default-slate-dark 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-default-slate-dark 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-default-slate-dark 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-default-slate-dark text-4xl"></i>
</div>
<div class="menu-group-name">
설청
</div>
</div>
</nav>