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

Mobile layout fixes (#2179)

Browse source 
* Consolidate safe area padding

* Fix chat overflow on mobile
This commit is contained in:
Zach Gollwitzer 2025-04-30 22:24:13 -04:00 • committed by GitHub
parent 23adfb2ef0
commit d8cf35eca7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 39 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

17
app/components/dialog_component.rb
View file

@ -33,7 +33,7 @@ class DialogComponent < ViewComponent::Base
end
end
attr_reader :variant, :auto_open, :reload_on_close, :frame, :width, :opts
attr_reader :variant, :auto_open, :reload_on_close, :width, :disable_frame, :opts
VARIANTS = %w[modal drawer].freeze
WIDTHS = {
@ -43,17 +43,22 @@ class DialogComponent < ViewComponent::Base
full: "lg:max-w-full"
}.freeze
def initialize(variant: "modal", auto_open: true, reload_on_close: false, frame: nil, width: "md", **opts)
def initialize(variant: "modal", auto_open: true, reload_on_close: false, width: "md", disable_frame: false, **opts)
@variant = variant.to_sym
@auto_open = auto_open
@reload_on_close = reload_on_close
@frame = frame
@width = width.to_sym
@disable_frame = disable_frame
@opts = opts
end
def frame
@frame || variant
# Caller must "opt-out" of using the default turbo-frame based on the variant
def wrapper_element(&block)
if disable_frame
content_tag(:div, &block)
else
content_tag("turbo-frame", id: variant, &block)
end
end
def dialog_outer_classes
@ -80,7 +85,7 @@ class DialogComponent < ViewComponent::Base
end
class_names(
"flex flex-col bg-container lg:rounded-xl lg:shadow-border-xs w-full overflow-hidden",
"flex flex-col bg-container rounded-xl shadow-border-xs mx-3 lg:mx-0 w-full overflow-hidden",
variant_classes
)
end