etc/Sharkey
0
0
Fork 0
mirror of https://activitypub.software/TransFem-org/Sharkey synced 2024-12-18 22:40:07 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix 64 pixels of doom (final) (3) (actually final).waff.diff

Browse source 
Co-authored-by: Freeplay <freeplay@duck.com>
This commit is contained in:
CenTdemeern1 2024-11-04 21:52:14 +01:00
parent 2a4fb1f615
commit a67814b8c7
1 changed files with 58 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
packages/frontend/src/components/SkFlashPlayer.vue
View file

@ -4,6 +4,9 @@ SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<div :class="$style.flash_player_container">
<canvas :class="$style.ratio" height="300" width="300"></canvas>
<div v-if="hide" :class="$style.flash_player_disabled" @click="toggleVisible()">
<div>
<b><i class="ph-eye ph-bold ph-lg"></i> {{ i18n.ts.sensitive }}</b>
@ -50,6 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="comment" :class="$style.alt" :title="comment">ALT</div>
<i :class="$style.hide" class="ph-eye-slash ph-bold ph-lg" @click="toggleVisible()"></i>
</div>
</div>
</template>
<script lang="ts" setup>
@ -230,6 +234,15 @@ onDeactivated(() => {
<style lang="scss" module>
.flash_player_container {
position: relative;
min-height: 0;
}
.ratio {
width: 100%;
}
.hide {
border-radius: var(--radius-sm) !important;
background-color: black !important;
@ -238,12 +251,11 @@ onDeactivated(() => {
}
.flash_player_enabled {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100vh;
max-height: inherit;
position: absolute;
inset: 0;
> i {
display: block;
@ -465,8 +477,8 @@ onDeactivated(() => {
align-items: center;
background: #111;
color: #fff;
height: 100vh;
max-height: inherit;
position: absolute;
inset: 0;
> div {
display: table-cell;