아이콘 반응형

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