Skip to content

Commit a56e1cd

Browse files
authored
Update Settings Layout- Remove y spacing and update break for Separator
The space-y was not necessary on smaller screens since we are using a Separator component. I also updated the separator to hide on lg and above since the container element changes to flex row at that breakpoint.
1 parent fbae2a4 commit a56e1cd

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

resources/js/layouts/settings/Layout.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ const currentPath = page.props.ziggy?.location ? new URL(page.props.ziggy.locati
2929
<div class="px-4 py-6">
3030
<Heading title="Settings" description="Manage your profile and account settings" />
3131

32-
<div class="flex flex-col space-y-8 md:space-y-0 lg:flex-row lg:space-y-0 lg:space-x-12">
32+
<div class="flex flex-col lg:flex-row lg:space-y-0 lg:space-x-12">
3333
<aside class="w-full max-w-xl lg:w-48">
3434
<nav class="flex flex-col space-y-1 space-x-0">
3535
<Button
@@ -46,7 +46,7 @@ const currentPath = page.props.ziggy?.location ? new URL(page.props.ziggy.locati
4646
</nav>
4747
</aside>
4848

49-
<Separator class="my-6 md:hidden" />
49+
<Separator class="my-6 lg:hidden" />
5050

5151
<div class="flex-1 md:max-w-2xl">
5252
<section class="max-w-xl space-y-12">

0 commit comments

Comments
 (0)