thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Minor visual fixes

Browse source
This commit is contained in:
thepaperpilot 2021-06-22 08:22:05 -05:00
parent d99020b422
commit 87e43ed873
3 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/system/Microtab.vue
View file

@ -73,3 +73,10 @@ export default {
height: 50px; height: 50px;
} }
</style> </style>
<style>
.microtabs .sticky {
margin-left: unset !important;
margin-right: unset !important;
}
</style>

13
src/components/system/Tabs.vue
View file

@ -59,6 +59,8 @@ export default {
min-height: calc(100% - 100px); min-height: calc(100% - 100px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0;
flex-grow: 1;
} }
.separator { .separator {
@ -89,12 +91,6 @@ export default {
margin: 7px 0; margin: 7px 0;
} }
.tabs-container > .simplebar-wrapper,
.simplebar-content-wrapper,
.simplebar-content {
min-height: 100%;
}
.tabs-container > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content { .tabs-container > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
display: flex; display: flex;
height: 100vh; height: 100vh;
@ -107,4 +103,9 @@ export default {
.tab > [data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper { .tab > [data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper {
position: static; position: static;
} }
.tab > [data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper > .simplebar-content {
flex-direction: column;
min-height: 100%;
}
</style> </style>

2
src/data/layers/aca/c.js
View file

@ -376,7 +376,7 @@ export default {
<div v-frag> <div v-frag>
<h1> C O N F I R M E D </h1> <h1> C O N F I R M E D </h1>
<spacer /> <spacer />
<microtab family="stuff" style="width: 660px; height: 370px; background-color: brown; border: solid white; margin: auto" /> <microtab family="stuff" style="width: 660px; height: 370px; background-color: brown; --background: brown; border: solid white; margin: auto" />
<div>Adjust how many points H gives you!</div> <div>Adjust how many points H gives you!</div>
<Slider :value="player.c.otherThingy" @change="value => player.c.otherThingy = value" :min="1" :max="30" /> <Slider :value="player.c.otherThingy" @change="value => player.c.otherThingy = value" :min="1" :max="30" />
</div> </div>