bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ensure sign-in screens adapt on mobile

Browse Source
This commit is contained in:
Jason Zimdars
2025-11-11 14:14:49 -06:00
parent ea7c0792aa
commit 1190ae101d
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/panels.css
+5 -1
View File
@@ -6,7 +6,11 @@
color: var(--color-ink); color: var(--color-ink);
inline-size: var(--panel-size, 60ch); inline-size: var(--panel-size, 60ch);
max-inline-size: 100%; max-inline-size: 100%;
padding: var(--panel-padding, calc(var(--block-space) * 2)); padding: var(--panel-padding, var(--block-space));
@media (min-width: 640px) {
padding: var(--panel-padding, var(--block-space-double));
}
} }
.panel--centered { .panel--centered {
app/views/sessions/_footer.html.erb
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="txt-align-center center margin-block-double txt-subtle txt-small"> <div class="pad-inline txt-align-center center margin-block-double txt-subtle txt-small">
<strong><%= link_to "Fizzy", "https://www.fizzy.do", class: "txt-subtle" %></strong> is designed, built, and backed by <strong class="txt-nowrap"><%= icon_tag "37signals", class: "v-align-middle" %> <a href="https://37signals.com" target="_blank" class="txt-subtle">37signals</a></strong>. <strong><%= link_to "Fizzy", "https://www.fizzy.do", class: "txt-subtle" %></strong> is designed, built, and backed by <strong class="txt-nowrap"><%= icon_tag "37signals", class: "v-align-middle" %> <a href="https://37signals.com" target="_blank" class="txt-subtle">37signals</a></strong>.
Need help? <%= mail_to "support@fizzy.do", "Send us an email", class: "txt-link" %> Need help? <%= mail_to "support@fizzy.do", "Send us an email", class: "txt-link" %>
</div> </div>
app/views/sessions/new.html.erb
+1 -1
View File
@@ -1,6 +1,6 @@
<% @page_title = "Enter your email" %> <% @page_title = "Enter your email" %>
<div class="panel panel--centered flex flex-column gap-half" style="--panel-size: 65ch;"> <div class="panel panel--centered flex flex-column gap-half">
<h1 class="txt-x-large font-weight-black margin-block-end">Let’s get you in to Fizzy</h1> <h1 class="txt-x-large font-weight-black margin-block-end">Let’s get you in to Fizzy</h1>
<%= form_with url: session_path, class: "flex flex-column gap txt-medium" do |form| %> <%= form_with url: session_path, class: "flex flex-column gap txt-medium" do |form| %>