Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-07-19 21:29:38 +02:00
Code Issues Releases Activity Actions 1

Fix mobile settings nav styles
Some checks are pending
Publish Docker image / ci (push) Waiting to run
Details
Publish Docker image / Build docker image (push) Blocked by required conditions
Details

Browse source
This commit is contained in:
Zach Gollwitzer 2025-04-30 22:29:06 -04:00
parent d8cf35eca7
commit d266b6a35e
4 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/application.js
View file

@ -5,11 +5,3 @@ import "controllers";
Turbo.StreamActions.redirect = function () { Turbo.StreamActions.redirect = function () {
Turbo.visit(this.target); Turbo.visit(this.target);
}; };
if (typeof console !== "undefined") {
console.debug = console.log;
window.onerror = (msg, url, line) => {
console.log(`Error: ${msg}\nURL: ${url}\nLine: ${line}`);
return false;
};
}

2
app/views/layouts/settings.html.erb
View file

@ -1,5 +1,5 @@
<%= render "layouts/shared/htmldoc" do %> <%= render "layouts/shared/htmldoc" do %>
<div class="md:flex h-full bg-surface"> <div class="flex flex-col lg:flex-row h-full bg-surface">
<div class="p-4 w-full md:w-96 shrink-0 md:h-full md:overflow-y-auto"> <div class="p-4 w-full md:w-96 shrink-0 md:h-full md:overflow-y-auto">
<%= render "settings/settings_nav" %> <%= render "settings/settings_nav" %>
</div> </div>

2
app/views/layouts/shared/_htmldoc.html.erb
View file

@ -5,7 +5,7 @@
<%= yield :head %> <%= yield :head %>
</head> </head>
<body class="h-screen overflow-hidden lg:overflow-auto antialiased h-screen-safe "> <body class="h-full overflow-hidden lg:overflow-auto antialiased">
<div class="fixed z-50 top-6 md:top-4 left-1/2 -translate-x-1/2 w-full md:w-80 px-4 md:px-0 mx-auto md:mx-0 md:right-auto mt-safe"> <div class="fixed z-50 top-6 md:top-4 left-1/2 -translate-x-1/2 w-full md:w-80 px-4 md:px-0 mx-auto md:mx-0 md:right-auto mt-safe">
<div id="notification-tray" class="space-y-1 w-full"> <div id="notification-tray" class="space-y-1 w-full">
<%= render_flash_notifications %> <%= render_flash_notifications %>

14
app/views/settings/_settings_nav.html.erb
View file

@ -1,17 +1,17 @@
<div class="space-y-4"> <div class="space-y-4">
<div class="flex items-center gap-2 p-1.5"> <div class="hidden lg:flex items-center gap-2 p-1.5">
<%= render LinkComponent.new( <%= render LinkComponent.new(
text: "Back", text: "Back",
icon: "chevron-left", icon: "chevron-left",
href: previous_path, href: previous_path,
variant: "ghost", variant: "ghost",
class: "hidden md:inline-flex"
) %> ) %>
<%= link_to previous_path, class: "hidden md:block uppercase bg-surface-inset-hover rounded-sm px-1 py-0.5 text-xs text-secondary shadow-sm ml-1 pointer-events-none", data: { controller: "hotkey", hotkey: "Escape" } do %> <%= link_to previous_path, class: "hidden md:block uppercase bg-surface-inset-hover rounded-sm px-1 py-0.5 text-xs text-secondary shadow-sm ml-1 pointer-events-none", data: { controller: "hotkey", hotkey: "Escape" } do %>
<kbd>esc</kbd> <kbd>esc</kbd>
<% end %> <% end %>
</div> </div>
<nav class="space-y-4 hidden md:block"> <nav class="space-y-4 hidden md:block">
<section class="space-y-2"> <section class="space-y-2">
<div class="flex items-center gap-2 px-3"> <div class="flex items-center gap-2 px-3">
@ -93,9 +93,17 @@
<% end %> <% end %>
</section> </section>
</nav> </nav>
<nav class="space-y-4 overflow-y-auto md:hidden" id="mobile-settings-nav">
<nav class="space-y-4 overflow-y-auto md:hidden" id="mobile-settings-nav">
<ul class="flex space-y-1"> <ul class="flex space-y-1">
<li>
<%= render LinkComponent.new(
text: "Back",
icon: "chevron-left",
href: previous_path,
variant: "ghost",
) %>
</li>
<li> <li>
<%= render "settings/settings_nav_item", name: t(".profile_label"), path: settings_profile_path, icon: "circle-user" %> <%= render "settings/settings_nav_item", name: t(".profile_label"), path: settings_profile_path, icon: "circle-user" %>