pakin/Taobin-Recipe-Manager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update layout for good responsive

Browse source
This commit is contained in:
Kenta420-Poom 2023-09-21 12:45:47 +07:00
parent 51ba80406a
commit 3301098aa1
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/src/app/core/layout/layout.component.html
View file

@ -24,7 +24,7 @@
></path>
</svg>
</button>
<a routerLink="/dashboard" class="flex ml-2 md:mr-24 max-sm:hidden">
<a routerLink="/dashboard" class="flex ml-14 max-sm:hidden">
<img
src="assets/logo.svg"
class="h-10 md:h-20 px-4"
@ -117,7 +117,7 @@
<aside
id="logo-sidebar"
class="fixed top-0 left-0 z-40 w-64 h-screen pt-28 transition-transform -translate-x-full bg-primary border-r border-gray-200 sm:translate-x-0"
class="fixed top-0 left-0 z-40 w-64 h-screen sm:pt-20 md:pt-28 transition-transform -translate-x-full bg-primary border-r border-gray-200 sm:translate-x-0"
aria-label="Sidebar"
>
<div class="h-full px-3 pb-4 overflow-y-auto bg-primary">
@ -142,7 +142,9 @@
</aside>
<div class="px-4 pt-16 sm:ml-64">
<div class="p-4 border-2 border-gray-200 border-dashed rounded-lg mt-14">
<div
class="p-4 border-2 border-gray-200 border-dashed rounded-lg sm:mt-5 md:mt-14"
>
<div class="grid grid-cols-1 gap-4 mb-4">
<router-outlet></router-outlet>
</div>