apps/BareRTC
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

CSS tweak for video zoom buttons

Browse Source
This commit is contained in:
Noah 2023-10-29 14:27:09 -07:00
parent db819af8af
commit 8004edb7b8
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/App.vue
View File

@ -3753,22 +3753,9 @@ export default {
<div class="column"> <div class="column">
{{ channelName }} {{ channelName }}
</div> </div>
<div class="column is-narrow">
<!-- If a DM thread and the user has a profile URL -->
<button type="button" v-if="channel.indexOf('@') === 0 && profileURLForUsername(channel)"
class="button is-small is-outlined is-light mr-1" @click="openProfile({ username: channel })">
<i class="fa fa-user"></i>
</button>
<!-- DMs: Leave convo button -->
<button type="button" v-if="channel.indexOf('@') === 0"
class="float-right button is-small is-warning is-outlined" @click="leaveDM()">
<i class="fa fa-trash"></i>
</button>
</div>
<!-- Easy video zoom buttons --> <!-- Easy video zoom buttons -->
<div class="column is-narrow" v-if="anyVideosOpen"> <div class="column is-narrow is-hidden-mobile" v-if="anyVideosOpen">
<button type="button" class="button is-small is-outlined" <button type="button" class="button is-small is-outlined"
:disabled="webcam.videoScale === 'x4'" :disabled="webcam.videoScale === 'x4'"
@click="scaleVideoSize(true)"> @click="scaleVideoSize(true)">
@ -3782,6 +3769,21 @@ export default {
</button> </button>
</div> </div>
<!-- DM thread buttons -->
<div class="column is-narrow" v-if="channel.indexOf('@') === 0">
<!-- If the user has a profile URL -->
<button type="button" v-if="profileURLForUsername(channel)"
class="button is-small is-outlined is-light mr-1" @click="openProfile({ username: channel })">
<i class="fa fa-user"></i>
</button>
<!-- DMs: Leave convo button -->
<button type="button"
class="float-right button is-small is-warning is-outlined" @click="leaveDM()">
<i class="fa fa-trash"></i>
</button>
</div>
<!-- Who List button, only shown on public channel view --> <!-- Who List button, only shown on public channel view -->
<div v-if="!isDM" class="column is-narrow mobile-only"> <div v-if="!isDM" class="column is-narrow mobile-only">
<!-- Responsive mobile button to pan to Right Column --> <!-- Responsive mobile button to pan to Right Column -->