mirrors/live_beats
1
0
Fork 0
mirror of https://github.com/fly-apps/live_beats.git synced 2024-05-18 01:02:42 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse source 
Feature/fix styling
This commit is contained in:
Chris McCord 2022-02-02 15:58:01 -05:00 committed by GitHub
parent e76742a27b 8fd4c87a84
commit 554c97fde4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
lib/live_beats_web/live/live_helpers.ex
View file

@ -451,15 +451,17 @@ defmodule LiveBeatsWeb.LiveHelpers do
~H""" ~H"""
<!-- Page title & actions --> <!-- 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"> <div class="flex-1 min-w-0">
<h1 class="text-lg font-medium leading-6 text-gray-900 sm:truncate focus:outline-none"> <h1 class="text-lg font-medium leading-6 text-gray-900 sm:truncate focus:outline-none">
<%= render_slot(@inner_block) %> <%= render_slot(@inner_block) %>
</h1> </h1>
</div> </div>
<div class="mt-4 flex sm:mt-0 sm:ml-4"> <%= if Enum.count(@actions) > 0 do %>
<%= render_slot(@actions) %> <div class="mt-4 flex sm:mt-0 sm:ml-4 space-x-4">
</div> <%= render_slot(@actions) %>
</div>
<% end %>
</div> </div>
""" """
end end

2
lib/live_beats_web/live/settings_live.ex
View file

@ -9,7 +9,7 @@ defmodule LiveBeatsWeb.SettingsLive do
Profile Settings Profile Settings
</.title_bar> </.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"> <.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 class="space-y-8 divide-y divide-gray-200">
<div> <div>