Fix layout styling

This commit is contained in:
Pat Hartl 2025-02-03 18:04:46 -06:00
parent d49806483d
commit a29dedec2e
5 changed files with 22 additions and 9 deletions

View file

@ -2,6 +2,10 @@
min-height: 100vh;
}
.layout-wrapper {
padding: 24px;
}
.ant-header {
display: flex;
}
@ -12,9 +16,9 @@
.ant-layout-content {
background: #141414;
padding-bottom: 24px;
display: flex;
flex-direction: column;
flex: unset;
& > .ant-table-wrapper {
.ant-table-pagination {
@ -22,4 +26,8 @@
margin-bottom: 0;
}
}
}
.ant-layout-footer {
text-align: center;
}

View file

@ -8,4 +8,12 @@
.ant-table-row-level-1 {
background: #0a0a0a;
}
.ant-table + .ant-pagination {
padding: 12px;
}
.table-toolbar {
padding: 12px;
}

View file

@ -4,7 +4,6 @@
@using Microsoft.AspNetCore.Components.Authorization
@using Microsoft.AspNetCore.Components.Web
@using System.Security.Claims
@inject SettingService SettingService
@inject NavigationManager NavigationManager
@{

View file

@ -17,7 +17,7 @@
@inject DrawerService DrawerService
<CascadingValue Value="this">
<Flex Justify="FlexJustify.SpaceBetween" Style="padding: 12px 0;">
<Flex Justify="FlexJustify.SpaceBetween" Class="table-toolbar">
<Flex Gap="FlexGap.Small">
@if (Searchable)
{

View file

@ -107,13 +107,11 @@
</Flex>
</Sider>
<Flex Vertical Justify="FlexJustify.SpaceBetween">
<Flex Vertical Justify="FlexJustify.SpaceBetween" Gap="FlexGap.Large" Class="layout-wrapper" >
<ErrorHandler Title="Unexpected Error">
<Body>
<Content Style="padding: 24px;">
<div class="site-layout-background">
@Body
</div>
<Content>
@Body
</Content>
</Body>
<Extra>
@ -121,7 +119,7 @@
</Extra>
</ErrorHandler>
<Footer Style="text-align: center; padding-top: 0;">
<Footer>
LANCommander v@(UpdateService.GetCurrentVersion().ToString())
</Footer>
</Flex>