KoPKB/E-Vote
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

resize-kadkeahlian

Browse Source
This commit is contained in:
hayatie
2025-12-29 12:28:20 +08:00
parent d24a864e55
commit c32b633b8d
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/components/demo/voter/home/index.vue
+8 -6
View File
@@ -1,3 +1,5 @@
<template> <template>
<div class="row col-md-10 col-md-offset-1"> <div class="row col-md-10 col-md-offset-1">
@@ -361,9 +363,9 @@ export default {
.kad-keahlian { .kad-keahlian {
width: 80vw; width: 100%;
/* responsive width */ /* responsive width */
max-width: 320px; max-width: 400px;
/* limit for desktop */ /* limit for desktop */
aspect-ratio: 1.30 / 1; aspect-ratio: 1.30 / 1;
/* maintain card ratio */ /* maintain card ratio */
@@ -391,14 +393,14 @@ export default {
cursor: pointer; cursor: pointer;
transition: transform 0.25s ease, box-shadow 0.25s ease; transition: transform 0.25s ease, box-shadow 0.25s ease;
background-image: url('/images/kad_bg.png'); background-image: url('/images/kad_bg.png');
background-size: 80%; background-size: 60%;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
@media (max-height: 700px) { @media (max-height: 600px) {
.kad-keahlian { .kad-keahlian {
max-height: 210px; max-height: 200px;
padding: 12px; padding: 12px;
font-size: 0.75rem; font-size: 0.75rem;
} }
@@ -423,7 +425,7 @@ export default {
text-orientation: mixed; text-orientation: mixed;
/* normal letters upright */ /* normal letters upright */
font-weight: bold; font-weight: bold;
font-size: 17px; font-size:1.5rem;
letter-spacing: 2px; letter-spacing: 2px;
/* space between letters */ /* space between letters */
padding: 5px; padding: 5px;