refactor: 更新组件样式,优化全屏、通知下拉和大小选择器的触发区域

This commit is contained in:
Ray.Hao
2026-01-10 12:34:45 +08:00
parent ca15fa0322
commit 15fe2c2328
4 changed files with 62 additions and 14 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div @click="toggle">
<div class="fullscreen-trigger" @click="toggle">
<div :class="`i-svg:` + (isFullscreen ? 'fullscreen-exit' : 'fullscreen')" />
</div>
</template>
@@ -8,4 +8,12 @@
const { isFullscreen, toggle } = useFullscreen();
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.fullscreen-trigger {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
</style>