아이콘 반응형

This commit is contained in:
dyhj625 2025-04-01 15:45:02 +09:00
parent 9785b96de6
commit 6357a8eb44

View File

@ -360,7 +360,7 @@
const customIconClass = computed(() => {
if (weather.value.icon === "01d" || weather.value.icon === "01n") {
return "weather-icon custom-sunny-icon";
return "custom-sunny-icon";
}
return "weather-icon";
});
@ -440,7 +440,17 @@
overflow: hidden;
}
.custom-sunny-icon {
width: 5% !important;
height: 5% !important;
width: 5%;
height: auto;
}
@media (max-width: 1200px) {
.custom-sunny-icon {
width: 6%;
}
}
@media (max-width: 1100px) {
.custom-sunny-icon {
width: 14%;
}
}
</style>