jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-06 20:10:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Revert "feat: add message float components"

Browse Source 
This reverts commit b0eef220a6.
This commit is contained in:
Tim
2025-08-25 20:38:10 +08:00
parent ac3fc6702a
commit a98a631378
5 changed files with 11 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend_nuxt/components/MessageFloat.vue
View File

@@ -1,44 +0,0 @@
<template>
<div v-if="state.open" class="message-float">
<iframe :src="frameSrc" class="message-frame" />
</div>
</template>
<script setup>
import { computed } from 'vue'
import { useMessageFloat } from '~/composables/useMessageFloat'
const state = useMessageFloat()
const frameSrc = computed(() => {
const base = state.value.path || '/message-box'
return base + (base.includes('?') ? '&' : '?') + 'float=1'
})
</script>
<style scoped>
.message-float {
position: fixed;
bottom: 0;
right: 0;
width: 380px;
height: 500px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 2000;
background: var(--background-color);
}
.message-frame {
width: 100%;
height: 100%;
border: none;
}
@media (max-width: 600px) {
.message-float {
width: 100%;
height: 100%;
right: 0;
}
}
</style>