fix(components): make navbar grow to fill available width
This commit is contained in:
parent
41e24f4a8e
commit
2a2aa33ffe
@ -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 > * + * {
|
||||
|
Loading…
Reference in New Issue
Block a user