🐛 Fix safe area issue
This commit is contained in:
parent
43aad8c2d2
commit
a8119e8366
@ -50,7 +50,7 @@ const loading = computed(() => notify.loading || submitting.value)
|
|||||||
|
|
||||||
async function markAsRead(item: any, idx: number) {
|
async function markAsRead(item: any, idx: number) {
|
||||||
submitting.value = true
|
submitting.value = true
|
||||||
const res = await request(`/api/notifications/${item.id}/read`, {
|
const res = await request("identity", `/api/notifications/${item.id}/read`, {
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { Authorization: `Bearer ${getAtk()}` },
|
headers: { Authorization: `Bearer ${getAtk()}` },
|
||||||
})
|
})
|
||||||
|
@ -5,7 +5,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-container>
|
</v-container>
|
||||||
|
|
||||||
<v-footer app class="flex items-center border-opacity-15 min-h-[64px]" style="border-top-width: thin">
|
<v-footer
|
||||||
|
app
|
||||||
|
class="flex items-center border-opacity-15 min-h-[64px]"
|
||||||
|
style="border-top-width: thin"
|
||||||
|
:style="`padding-bottom: ${safeAreaBottom}`"
|
||||||
|
>
|
||||||
<chat-editor class="flex-grow-1" @sent="scrollTop" />
|
<chat-editor class="flex-grow-1" @sent="scrollTop" />
|
||||||
</v-footer>
|
</v-footer>
|
||||||
|
|
||||||
@ -16,14 +21,20 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { useChannels } from "@/stores/channels"
|
import { useChannels } from "@/stores/channels"
|
||||||
import { request } from "@/scripts/request"
|
import { request } from "@/scripts/request"
|
||||||
import { reactive, ref, watch } from "vue"
|
import { useUI } from "@/stores/ui"
|
||||||
|
import { computed, reactive, ref, watch } from "vue"
|
||||||
import { useRoute } from "vue-router"
|
import { useRoute } from "vue-router"
|
||||||
import ChatList from "@/components/chat/ChatList.vue"
|
import ChatList from "@/components/chat/ChatList.vue"
|
||||||
import ChatEditor from "@/components/chat/ChatEditor.vue"
|
import ChatEditor from "@/components/chat/ChatEditor.vue"
|
||||||
|
|
||||||
|
const ui = useUI()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const channels = useChannels()
|
const channels = useChannels()
|
||||||
|
|
||||||
|
const safeAreaBottom = computed(() => {
|
||||||
|
return `${ui.safeArea.bottom}px`
|
||||||
|
})
|
||||||
|
|
||||||
const chatList = ref<HTMLDivElement>()
|
const chatList = ref<HTMLDivElement>()
|
||||||
|
|
||||||
const error = ref<string | null>(null)
|
const error = ref<string | null>(null)
|
||||||
|
Reference in New Issue
Block a user