remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (card) fix card style

Browse Source
This commit is contained in:
Julien Calixte
2021-06-12 17:06:13 +02:00
parent 86e1fdb1bb
commit 1ef031c196
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/SpacedRepetitionCard.vue
View File

@@ -62,12 +62,11 @@ export default defineComponent({
.spaced-repetition-card { .spaced-repetition-card {
display: flex; display: flex;
flex: 1; flex: 1;
padding: 0 1rem;
.flip-card { .flip-card {
display: flex;
background-color: transparent; background-color: transparent;
width: 400px; padding: 0 1rem;
height: 200px;
margin: auto; margin: auto;
&:hover { &:hover {
@@ -76,9 +75,8 @@ export default defineComponent({
} }
.flip-card-inner { .flip-card-inner {
flex: 1;
position: relative; position: relative;
width: 100%;
height: 100%;
transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;
transform-style: preserve-3d; transform-style: preserve-3d;
border-radius: 1rem; border-radius: 1rem;
@@ -91,12 +89,11 @@ export default defineComponent({
.flip-card-front, .flip-card-front,
.flip-card-back { .flip-card-back {
position: absolute; position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden; backface-visibility: hidden;
} }
.flip-card-content { .flip-card-content {
width: 100%;
background-color: #ebebeb; background-color: #ebebeb;
color: var(--font-color); color: var(--font-color);
padding: 1rem; padding: 1rem;