Merge pull request #30 from Neophen/feature/fix-styling

Feature/fix styling
This commit is contained in:
Chris McCord 2022-02-02 15:58:01 -05:00 committed by GitHub
commit 554c97fde4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions

View file

@ -451,15 +451,17 @@ defmodule LiveBeatsWeb.LiveHelpers do
~H"""
<!-- Page title & actions -->
<div class="border-b border-gray-200 px-4 py-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8 h-16">
<div class="border-b border-gray-200 px-4 py-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8 sm:h-16">
<div class="flex-1 min-w-0">
<h1 class="text-lg font-medium leading-6 text-gray-900 sm:truncate focus:outline-none">
<%= render_slot(@inner_block) %>
</h1>
</div>
<div class="mt-4 flex sm:mt-0 sm:ml-4">
<%= render_slot(@actions) %>
</div>
<%= if Enum.count(@actions) > 0 do %>
<div class="mt-4 flex sm:mt-0 sm:ml-4 space-x-4">
<%= render_slot(@actions) %>
</div>
<% end %>
</div>
"""
end

View file

@ -9,7 +9,7 @@ defmodule LiveBeatsWeb.SettingsLive do
Profile Settings
</.title_bar>
<div class="max-w-3xl mx-auto mt-6">
<div class="max-w-3xl px-4 mx-auto mt-6">
<.form let={f} for={@changeset} phx-change="validate" phx-submit="save" class="space-y-8 divide-y divide-gray-200">
<div class="space-y-8 divide-y divide-gray-200">
<div>