Blogas nuotraukų karpymas and padalinio kontaktų.

[mrghosti3]

Klaidos aprašymas

Padalinio kontakų puslapyje, dalis asmenų nuotraukas labai suspaudžiamos, dėl ilgo email adreso (arba kai jų turi 2). Čia tiktais matoma ant kompiūterių, nes kai vaizdas pakankamai siaurias, tai automatiškai kolonos apmažėja.

Pavyzdžiai:

• https://www.vusa.lt/lt/kontaktai/if
• https://www.vusa.lt/lt/kontaktai/ff

Ekrano paveikslėliai

Asmeninis kompiuteris (užpildykite šią informaciją)

• OS: Fedora Workstation
• Naršyklė: Firefox
• Website window height: 1717 x 842

Sprendimas

Pagrinde tai problema, jog per daug kolonų lange (arba per mažas dydis nurodomas kiekvienai kortelei):

vusa.lt/resources/js/Pages/Public/Contacts/ContactsShow.vue

Line 5 in b01ae06

<div class="grid grid-cols-[repeat(auto-fill,minmax(300px,1fr))] gap-6">

Problema išsisprendžia, kai padidinama korteliu dydis:

- <div class="grid grid-cols-[repeat(auto-fill,minmax(300px,1fr))] gap-6">
+ <div class="grid grid-cols-[repeat(auto-fill,minmax(400px,1fr))] gap-6">

Tokiu būdų kortelės gali užimti vietoj 300 -> 400 px of width. Taip vietoj 4 kolonų yra padaromos 3 kolonos ir tekstas daugiau vietos turi, bei nuotrauka nėra smarkiai suspaudžiama.

[mrghosti3]

PS. Pakūriau issue, kad jeigu kažkas greičiau už mane galėtų išbandyti, bet šiaip dar pats bandysiu pasileisti.

[mrghosti3]

No longer relevant