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

Made goBack and minimize buttons look more consistent

Browse source
This commit is contained in:
thepaperpilot 2022-04-24 22:04:33 -05:00
parent eb81fdfb2c
commit f49edc3de2
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/Layer.vue
View file

@ -193,7 +193,6 @@ export default defineComponent({
right: 9px; right: 9px;
z-index: 7; z-index: 7;
line-height: 30px; line-height: 30px;
width: 30px;
border: none; border: none;
background: var(--background); background: var(--background);
box-shadow: var(--background) 0 2px 3px 5px; box-shadow: var(--background) 0 2px 3px 5px;
@ -201,7 +200,6 @@ export default defineComponent({
color: var(--foreground); color: var(--foreground);
font-size: 40px; font-size: 40px;
cursor: pointer; cursor: pointer;
padding: 0;
margin-top: -44px; margin-top: -44px;
margin-right: -30px; margin-right: -30px;
} }
@ -214,15 +212,19 @@ export default defineComponent({
} }
.goBack { .goBack {
position: absolute; position: sticky;
top: 0; top: 6px;
left: 20px; left: 20px;
background-color: transparent; line-height: 30px;
border: 1px solid transparent; margin-top: -50px;
margin-left: -35px;
border: none;
background: var(--background);
box-shadow: var(--background) 0 2px 3px 5px;
border-radius: 50%;
color: var(--foreground); color: var(--foreground);
font-size: 40px; font-size: 40px;
cursor: pointer; cursor: pointer;
line-height: 40px;
z-index: 7; z-index: 7;
} }