fix(components): make navbar grow to fill available width

This commit is contained in:
parent 41e24f4a8e
commit 2a2aa33ffe
Signed by: tablet
GPG Key ID: 924A5F6AF051E87C

@ -41,10 +41,13 @@
</a-typography-text>
</div>
</div>
<!-- <client-only> -->
<navbar />
<!-- </client-only> -->
</div>
</a-layout-header>
<a-layout-content>
<a-layout-content style="flex-grow: 1">
<slot />
<!-- <a-float-button
type="primary"
@ -62,13 +65,13 @@
</a-layout>
<a-layout-sider
:zero-width-trigger-style="{
background: '#e92678',
background: '#e92662',
padding: '1.2em',
position: 'fixed',
right: 0,
borderRadius: '15%',
color: 'white',
border: '2.4px solid #fff',
border: '2.4px solid #fffFFF80',
top: '75vh',
}"
:theme="darko ? 'dark' : 'light'"
@ -81,6 +84,7 @@
height: '100%',
position: 'fixed',
right: '0px',
borderLeft: '2px solid #fff',
}"
>
<sidebar-thing />
@ -167,6 +171,7 @@
display: inline-block;
flex-direction: row;
align-items: center;
justify-content: start !important;
/* background: inherit !important; */
height: unset !important;
margin-bottom: 1.5em;
@ -191,12 +196,13 @@
.siteTitle {
/* min-width: max-content; */
font-weight: normal;
color: #ff2883 !important;
color: #f14668 !important;
font-family: "jandles";
font-size: 5em;
margin: 0;
display: block;
min-width: 100%;
text-align: center;
/* float: left; */
}
@ -226,6 +232,8 @@
display: flex;
flex-direction: column;
align-items: baseline;
justify-content: center;
/* background: inherit !important; */
height: unset !important;
margin-bottom: 1.5em;
@ -236,6 +244,7 @@
.alayhead > div {
flex-direction: column;
align-self: center;
}
.alayhead > div > * + * {