From f7cedfd799e18a30547e5c2d1173b37411b787b6 Mon Sep 17 00:00:00 2001 From: ming Date: Mon, 28 Apr 2025 13:02:01 +0900 Subject: [PATCH] =?UTF-8?q?=ED=97=A4=EB=8D=94=20=EB=AA=A8=EB=B0=94?= =?UTF-8?q?=EC=9D=BC=EC=9A=A9=20=EB=A9=94=EB=89=B4=20=EB=B2=84=ED=8A=BC=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80,=20=EC=8A=A4=EC=BC=80=EC=A4=84=EB=9F=AC=20ed?= =?UTF-8?q?it=20view=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/javascript/controllers/index.js | 3 ++ .../controllers/sidebar_controller.js | 15 ++++++++++ app/views/layouts/application.html.erb | 4 +-- app/views/partials/_header.html.erb | 13 +++++--- app/views/partials/_sidebar.html.erb | 3 +- app/views/schedules/schedule_edit.html.erb | 30 +++++++++---------- 6 files changed, 46 insertions(+), 22 deletions(-) create mode 100644 app/javascript/controllers/sidebar_controller.js diff --git a/app/javascript/controllers/index.js b/app/javascript/controllers/index.js index d37ac52..611422d 100644 --- a/app/javascript/controllers/index.js +++ b/app/javascript/controllers/index.js @@ -10,5 +10,8 @@ application.register("hello", HelloController) import ModalsController from "./modals_controller" application.register("modals", ModalsController) +import SidebarController from "./sidebar_controller" +application.register("sidebar", SidebarController) + import TimerController from "./timer_controller" application.register("timer", TimerController) diff --git a/app/javascript/controllers/sidebar_controller.js b/app/javascript/controllers/sidebar_controller.js new file mode 100644 index 0000000..edb5ace --- /dev/null +++ b/app/javascript/controllers/sidebar_controller.js @@ -0,0 +1,15 @@ +import { Controller } from "@hotwired/stimulus" + +export default class extends Controller { + static targets = ["menu", "overlay"] + + toggle() { + this.menuTarget.classList.toggle("-translate-x-full") + this.overlayTarget.classList.toggle("hidden") + } + + close() { + this.menuTarget.classList.add("-translate-x-full") + this.overlayTarget.classList.add("hidden") + } +} diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 35f889c..77eff6b 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -25,11 +25,11 @@ <%= turbo_frame_tag :modals %> -
+
<%= render "partials/header" %>
<%= render "partials/sidebar" %> -
+
<% if flash[:notice] %>
diff --git a/app/views/partials/_header.html.erb b/app/views/partials/_header.html.erb index 0d533ca..8b3e878 100644 --- a/app/views/partials/_header.html.erb +++ b/app/views/partials/_header.html.erb @@ -1,9 +1,14 @@ -
-
- <%= image_tag "svg/svg_logo.svg", class: "w-fit h-auto mr-4" %> +
+
+ <%= image_tag "svg/svg_logo.svg", class: "w-auto h-8 mr-4" %> <%= link_to root_path do %>
FARMITRY
<% end %>
-
+ + + +
diff --git a/app/views/partials/_sidebar.html.erb b/app/views/partials/_sidebar.html.erb index a51fa6d..251b7b0 100644 --- a/app/views/partials/_sidebar.html.erb +++ b/app/views/partials/_sidebar.html.erb @@ -1,4 +1,5 @@ -