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

Tweak QR code animation and Explicit button

Browse Source 
* Explicit button: outline it in blue to reflect that your camera is
  currently blue. Solid red continues to mean your camera is red.
* Tweak the QR code opacity to be less obtrusive.
This commit is contained in:
Noah 2025-06-03 19:25:21 -07:00
parent 2305ff54db
commit 05444dcc15
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -3191,7 +3191,7 @@ export default {
<!-- NSFW toggle button --> <!-- NSFW toggle button -->
<button type="button" v-if="webcam.active && config.permitNSFW" class="button is-small px-1 ml-1" <button type="button" v-if="webcam.active && config.permitNSFW" class="button is-small px-1 ml-1"
:class="{ :class="{
'is-outlined is-dark': !webcam.nsfw, 'is-outlined is-link has-text-dark': !webcam.nsfw,
'is-danger': webcam.nsfw 'is-danger': webcam.nsfw
}" @click.prevent="topNavExplicitButtonClicked()" }" @click.prevent="topNavExplicitButtonClicked()"
:title="webcam.nonExplicit ? 'You prefer non-Explicit cameras so you can not go Explicit' : 'Toggle the NSFW setting for your camera broadcast'" :title="webcam.nonExplicit ? 'You prefer non-Explicit cameras so you can not go Explicit' : 'Toggle the NSFW setting for your camera broadcast'"

8
src/components/VideoFeed.vue
View File

@ -305,10 +305,10 @@ video {
25% { opacity: 0.05; } 25% { opacity: 0.05; }
50% { opacity: 0.02; } 50% { opacity: 0.02; }
75% { opacity: 0.05; } 75% { opacity: 0.05; }
90% { opacity: 0.1 } 90% { opacity: 0.06 }
91% { opacity: 0.2; filter: invert(0%); } 91% { opacity: 0.08; filter: invert(0%); }
95% { opacity: 0.2; filter: invert(100%); } 95% { opacity: 0.08; filter: invert(100%); }
99% { opacity: 0.1; filter: invert(0%); } 99% { opacity: 0.06; filter: invert(0%); }
100% { opacity: 0.02; } 100% { opacity: 0.02; }
} }
</style> </style>