arhuako/tayronafoods-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
José Conde 2023-06-12 19:29:49 +02:00
parent ce649bc711
commit f3e99183ae
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/ProductFlipCard.vue
View File

@ -52,7 +52,7 @@ export default {
<div class="info-data-box land"> <div class="info-data-box land">
<div class="info-data-box-label">{{ $t('Land / region') }}</div> <div class="info-data-box-label">{{ $t('Land / region') }}</div>
<div class="info-data-box-value"> <div class="info-data-box-value">
<div class="text-overflow">{{ $t('Brasil') }}/{{ $t('Cerrado, Carmo do paranaiba') }}</div> <div class="text-overflow" :title="`${$t('Brasil')} / ${$t('Cerrado, Carmo do paranaiba')}`">{{ $t('Brasil') }}/{{ $t('Cerrado, Carmo do paranaiba') }}</div>
</div> </div>
</div> </div>
<div class="info-data-box height"> <div class="info-data-box height">
@ -276,18 +276,18 @@ h3 {
} }
&-box { &-box {
padding: 8px 0 0 8px; padding: 4px 0 0 8px;
border-right-style: solid; border-right-style: solid;
border-right-width: 2px; border-right-width: 3px;
min-width: 100px; min-width: 100px;
flex-basis: 0px; flex-basis: 0px;
flex-grow: 1; flex-grow: 1;
.text-overflow { .text-overflow {
width: 98%; // width: 98%;
text-overflow: ellipsis; // text-overflow: ellipsis;
overflow: hidden; // overflow: hidden;
white-space: nowrap; // white-space: nowrap;
} }
&:last-child { &:last-child {
@ -311,12 +311,12 @@ h3 {
&-label{ &-label{
font-family: 'Righteous', cursive; font-family: 'Righteous', cursive;
font-size: 20px; font-size: 18px;
text-transform: uppercase; text-transform: uppercase;
} }
&-value{ &-value{
font-family: 'Cormorant Garamond', serif; font-family: 'Cormorant Garamond', serif;
font-size: 20px; font-size: 18px;
} }
} }