아이콘 반응형
This commit is contained in:
parent
9785b96de6
commit
6357a8eb44
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user