|
|
@@ -38,20 +38,20 @@
|
|
|
<v-card-text>
|
|
|
{{ card.review }}
|
|
|
</v-card-text>
|
|
|
-
|
|
|
- <footer>
|
|
|
- <v-card-actions>
|
|
|
- {{ card.name }}
|
|
|
- </v-card-actions>
|
|
|
-
|
|
|
- <p class="reviewer-status">
|
|
|
- {{ card.status }}
|
|
|
- </p>
|
|
|
- <p class="reviewer-structure">
|
|
|
- {{ card.structure }}
|
|
|
- </p>
|
|
|
- </footer>
|
|
|
</v-card-item>
|
|
|
+
|
|
|
+ <v-card-actions>
|
|
|
+ <p class="reviewer-name">
|
|
|
+ {{ card.name }}
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <p class="reviewer-status">
|
|
|
+ {{ card.status }}
|
|
|
+ </p>
|
|
|
+ <p class="reviewer-structure">
|
|
|
+ {{ card.structure }}
|
|
|
+ </p>
|
|
|
+ </v-card-actions>
|
|
|
</v-card>
|
|
|
</v-container>
|
|
|
</Slide>
|
|
|
@@ -129,16 +129,19 @@ const goNext = () => {
|
|
|
}
|
|
|
|
|
|
.carousel {
|
|
|
- .v-card-item {
|
|
|
+ .v-card {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- justify-content: space-between;
|
|
|
- height: 100%;
|
|
|
+ padding: 0 0.5rem;
|
|
|
+ border-radius: 1rem;
|
|
|
+ min-height: 300px;
|
|
|
+ max-height: 300px;
|
|
|
+ margin-top: 2rem;
|
|
|
+ margin-bottom: 0.6rem;
|
|
|
}
|
|
|
|
|
|
- :deep(.v-card-item__content) {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ .v-card-item {
|
|
|
+ flex: 1
|
|
|
}
|
|
|
|
|
|
.v-card-text {
|
|
|
@@ -149,15 +152,14 @@ const goNext = () => {
|
|
|
flex: 1;
|
|
|
}
|
|
|
|
|
|
- footer {
|
|
|
- min-height: 100px;
|
|
|
+ .v-card-actions {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
- .v-card-actions {
|
|
|
+ .reviewer-name {
|
|
|
font-weight: 500;
|
|
|
font-size: 20px;
|
|
|
line-height: 24px;
|
|
|
@@ -198,15 +200,6 @@ const goNext = () => {
|
|
|
border-radius: 1rem;
|
|
|
}
|
|
|
|
|
|
-.v-card {
|
|
|
- padding: 0 0.5rem;
|
|
|
- border-radius: 1rem;
|
|
|
- min-height: 300px;
|
|
|
- max-height: 300px;
|
|
|
- margin-top: 2rem;
|
|
|
- margin-bottom: 0.6rem;
|
|
|
-}
|
|
|
-
|
|
|
@media (min-width:2100px) {
|
|
|
.v-card {
|
|
|
min-height: 360px !important;
|