Add card hover and fix padding
All checks were successful
continuous-integration/drone/push Build is passing
continuous-integration/drone/pr Build is passing

This commit is contained in:
Hamcha 2019-09-11 00:43:18 +02:00
parent 31efb453bc
commit 090081c198
Signed by: hamcha
GPG key ID: 41467804B19A3315
2 changed files with 9 additions and 1 deletions

View file

@ -9,6 +9,10 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
main {
user-select: none;
}
main.loading-box { main.loading-box {
height: 100vh; height: 100vh;
display: flex; display: flex;

View file

@ -18,10 +18,14 @@ $padding: 10px;
height: 100%; height: 100%;
display: grid; display: grid;
grid-gap: $padding; grid-gap: $padding;
padding: $padding; padding: ($padding * 4) $padding;
grid-row-gap: $padding * 4;
.ccgcard { .ccgcard {
display: flex; display: flex;
align-items: center; align-items: center;
&:hover img {
box-shadow: 0 0 15px 5px rgba(200, 210, 255, 0.5);
}
} }
} }
</style> </style>