OpenSource/Sharkey
OpenSource/Sharkey
1
0
Fork 0
mirror of https://activitypub.software/TransFem-org/Sharkey.git synced 2025-01-04 03:01:21 +01: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> <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 v-if="hide" :class="$style.flash_player_disabled" @click="toggleVisible()">
<div> <div>
<b><i class="ph-eye ph-bold ph-lg"></i> {{ i18n.ts.sensitive }}</b> <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> <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> <i :class="$style.hide" class="ph-eye-slash ph-bold ph-lg" @click="toggleVisible()"></i>
</div> </div>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@ -230,6 +234,15 @@ onDeactivated(() => {
<style lang="scss" module> <style lang="scss" module>
.flash_player_container {
position: relative;
min-height: 0;
}
.ratio {
width: 100%;
}
.hide { .hide {
border-radius: var(--radius-sm) !important; border-radius: var(--radius-sm) !important;
background-color: black !important; background-color: black !important;
@ -238,12 +251,11 @@ onDeactivated(() => {
} }
.flash_player_enabled { .flash_player_enabled {
position: relative;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; position: absolute;
max-height: inherit; inset: 0;
> i { > i {
display: block; display: block;
@ -465,8 +477,8 @@ onDeactivated(() => {
align-items: center; align-items: center;
background: #111; background: #111;
color: #fff; color: #fff;
height: 100vh; position: absolute;
max-height: inherit; inset: 0;
> div { > div {
display: table-cell; display: table-cell;