1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-29 15:11:58 +00:00

Fix sidebar layout (#204)

* fix: sidebar margins with more than one item incorrect

* fix: api url in sidebar shouldn't overflow the sidebar width
This commit is contained in:
Zack Pollard 2022-06-06 03:12:12 +01:00 committed by GitHub
parent b9f38162d5
commit 5b036067ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 7 deletions

View file

@ -77,9 +77,7 @@
<div class="text-xs">
<p class="text-sm font-medium text-immich-primary">Server</p>
<div class="border p-2 rounded-md bg-gray-200 mt-2">
<p class="text-immich-primary font-medium">{endpoint}</p>
</div>
<input class="border p-2 rounded-md bg-gray-200 mt-2 text-immich-primary font-medium" value="{endpoint}" disabled="true">
<div class="flex justify-items-center justify-between mt-2">
<p>Status</p>

View file

@ -75,7 +75,7 @@
{/if}
<section class="grid grid-cols-[250px_auto] relative pt-[72px] h-screen">
<section id="admin-sidebar" class="pt-8 pr-6 flex flex-col justify-between">
<section id="admin-sidebar" class="pt-8 pr-6 flex flex-col">
<SideBarButton
title="User"
logo={AccountMultipleOutline}
@ -84,7 +84,7 @@
on:selected={onButtonClicked}
/>
<div class="mb-6">
<div class="mb-6 mt-auto">
<StatusBox />
</div>
</section>

View file

@ -92,7 +92,7 @@
<section class="grid grid-cols-[250px_auto] relative pt-[72px] h-screen">
<!-- Sidebar -->
<section id="admin-sidebar" class="flex flex-col justify-between gap-4 pt-8 pr-6">
<section id="sidebar" class="flex flex-col gap-4 pt-8 pr-6">
<SideBarButton
title="Photos"
logo={ImageOutline}
@ -103,7 +103,7 @@
<!-- Status Box -->
<div class="mb-6">
<div class="mb-6 mt-auto">
<StatusBox />
</div>
</section>