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 @@ -