rockfic/next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
✑ ☙◦❀ The Tablet ☯ GamerGirlandCo ❀◦❧ 2023-10-11 13:26:23 -04:00
parent 41e24f4a8e
commit 2a2aa33ffe
Signed by: tablet
GPG Key ID: 924A5F6AF051E87C
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
layouts/default.vue
View File

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