kura/p2p-explorer-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整样式

Browse Source
This commit is contained in:
kura 2026-05-07 22:58:09 +08:00
parent ecadc3933c
commit be3c548962
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/file/item/desptopView.vue
View File

@ -156,6 +156,7 @@
<div <div
v-if="isDesktopLocalSharing && !isDesktopShareCollapsed" v-if="isDesktopLocalSharing && !isDesktopShareCollapsed"
class="desktop-sharing-panel" class="desktop-sharing-panel"
:class="{ 'above-call-collapsed': isCallActive && isCallCollapsed }"
> >
<div class="sharing-panel-header"> <div class="sharing-panel-header">
<div class="sharing-panel-title"> <div class="sharing-panel-title">
@ -246,6 +247,7 @@
'above-call': isCallActive && !isCallCollapsed, 'above-call': isCallActive && !isCallCollapsed,
'above-sharing': 'above-sharing':
!isCallActive && isDesktopLocalSharing && !isDesktopShareCollapsed, !isCallActive && isDesktopLocalSharing && !isDesktopShareCollapsed,
'above-call-collapsed': isCallActive && isCallCollapsed,
}" }"
> >
<div class="call-panel-header"> <div class="call-panel-header">
@ -282,7 +284,11 @@
<polyline points="18 15 12 9 6 15" /> <polyline points="18 15 12 9 6 15" />
</svg> </svg>
</button> </button>
<button class="panel-icon-btn" @click="endCamera" title="结束摄像头"> <button
class="panel-icon-btn"
@click="endCamera"
title="结束摄像头"
>
<svg <svg
width="14" width="14"
height="14" height="14"
@ -373,7 +379,11 @@
<polyline points="18 15 12 9 6 15" /> <polyline points="18 15 12 9 6 15" />
</svg> </svg>
</button> </button>
<button class="panel-icon-btn" @click="endCamera" title="结束摄像头"> <button
class="panel-icon-btn"
@click="endCamera"
title="结束摄像头"
>
<svg <svg
width="14" width="14"
height="14" height="14"
@ -424,7 +434,10 @@
<div <div
v-if="incomingCallRequest" v-if="incomingCallRequest"
class="call-floating-panel incoming-call-panel" class="call-floating-panel incoming-call-panel"
:class="{ 'is-stacked': isDesktopLocalSharing || isCameraLocalSharing }" :class="{
'is-stacked': isDesktopLocalSharing || isCameraLocalSharing,
'above-call-collapsed': isCallActive && isCallCollapsed,
}"
> >
<div class="call-panel-header"> <div class="call-panel-header">
<div class="panel-header-left"> <div class="panel-header-left">
@ -1361,6 +1374,10 @@ video {
0 0 0 1px rgba(255, 255, 255, 0.08); 0 0 0 1px rgba(255, 255, 255, 0.08);
} }
.desktop-sharing-panel.above-call-collapsed {
bottom: 88px;
}
.sharing-panel-header { .sharing-panel-header {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1519,6 +1536,10 @@ video {
bottom: 148px; bottom: 148px;
} }
.camera-floating-panel.above-call-collapsed {
bottom: 88px;
}
.camera-panel-body { .camera-panel-body {
height: 260px; height: 260px;
background: #050505; background: #050505;
@ -1551,6 +1572,10 @@ video {
bottom: 148px; bottom: 148px;
} }
.call-floating-panel.above-call-collapsed {
bottom: 88px;
}
.incoming-call-panel .call-panel-body { .incoming-call-panel .call-panel-body {
padding-bottom: 20px; padding-bottom: 20px;
} }