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

Updated some modifiers CSS

Browse source
This commit is contained in:
thepaperpilot 2022-04-16 18:37:40 -05:00
parent 6efd01fc43
commit 9c2dcddcbe
3 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -9,7 +9,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Kalam&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

4
src/components/common/modifiers.css
View file

@ -2,6 +2,10 @@
display: flex;
}
.modifier-container:nth-child(2n) {
background: var(--raised-background);
}
.modifier-amount {
flex-basis: 100px;
flex-shrink: 0;

10
src/features/tabs/TabFamily.vue
View file

@ -150,10 +150,20 @@ export default defineComponent({
height: calc(100% + 50px);
}
.modal-body > .tab-family-container:first-child {
margin: calc(10px + var(--feature-margin)) 10px 0 10px;
border: none;
}
.tab-family-container > :nth-child(2) {
margin-top: 20px;
}
.modal-body > .tab-family-container > :nth-child(2) {
/* TODO Why does it need this instead of 20px? */
margin-top: 50px;
}
.tab-family-container[data-v-f18896fc] > :last-child {
margin-bottom: 20px;
}