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