test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: render call ui in mobile view correctly

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-27 14:13:06 +05:30
parent d36e2a2316
commit ba811d725a
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/CallUI.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-show="showCallPopup"> <div v-show="showCallPopup" v-bind="$attrs">
<div <div
ref="callPopup" ref="callPopup"
class="fixed z-20 flex w-60 cursor-move select-none flex-col rounded-lg bg-gray-900 p-4 text-gray-300 shadow-2xl" class="fixed z-20 flex w-60 cursor-move select-none flex-col rounded-lg bg-gray-900 p-4 text-gray-300 shadow-2xl"
@ -116,6 +116,7 @@
v-show="showSmallCallWindow" v-show="showSmallCallWindow"
class="ml-2 flex cursor-pointer select-none items-center justify-between gap-3 rounded-lg bg-gray-900 px-2 py-[7px] text-base text-gray-300" class="ml-2 flex cursor-pointer select-none items-center justify-between gap-3 rounded-lg bg-gray-900 px-2 py-[7px] text-base text-gray-300"
@click="toggleCallWindow" @click="toggleCallWindow"
v-bind="$attrs"
> >
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<Avatar <Avatar

6
frontend/src/components/Mobile/MobileAppHeader.vue
View File

@ -5,11 +5,9 @@
<FeatherIcon name="menu" class="size-4" /> <FeatherIcon name="menu" class="size-4" />
</Button> </Button>
</div> </div>
<div id="app-header" class="flex-1"></div> <div id="app-header" class="flex-1" />
<div class="flex items-center justify-center">
<CallUI />
</div>
</div> </div>
<CallUI class="mr-3 mt-2" />
</template> </template>
<script setup> <script setup>