mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-08-30 18:43:17 +00:00
commit
e70a0908ce
@ -12,7 +12,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"dompurify": "3.1.3",
|
||||
"efy": "24.5.19",
|
||||
"efy": "24.5.23",
|
||||
"fast-xml-parser": "4.3.6",
|
||||
"hotkeys-js": "3.13.7",
|
||||
"javascript-time-ago": "2.5.10",
|
||||
@ -38,7 +38,7 @@
|
||||
"@vitejs/plugin-legacy": "5.4.0",
|
||||
"@vitejs/plugin-vue": "5.0.4",
|
||||
"@vue/compiler-sfc": "3.4.25",
|
||||
"efy": "24.5.19",
|
||||
"efy": "24.5.23",
|
||||
"eslint": "8.57.0",
|
||||
"eslint-config-prettier": "9.1.0",
|
||||
"eslint-plugin-prettier": "5.1.3",
|
||||
|
@ -9,8 +9,8 @@ dependencies:
|
||||
specifier: 3.1.3
|
||||
version: 3.1.3
|
||||
efy:
|
||||
specifier: 24.5.19
|
||||
version: 24.5.19
|
||||
specifier: 24.5.23
|
||||
version: 24.5.23
|
||||
fast-xml-parser:
|
||||
specifier: 4.3.6
|
||||
version: 4.3.6
|
||||
@ -2944,8 +2944,8 @@ packages:
|
||||
resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
|
||||
dev: true
|
||||
|
||||
/efy@24.5.19:
|
||||
resolution: {integrity: sha512-/xwwn5fVKjnSTIpKyldCMYvC+RG1V0Bqo0h08Bi8K3HY+rfJlR1nNcIYfB75KMU2FcXf+KvdAdL3ukjTTKRUdw==}
|
||||
/efy@24.5.23:
|
||||
resolution: {integrity: sha512-qw7itJDE8NvUOej8xxOcVvZF6gasoQsgB/IJ3BUhd8YEgJ2SSdRa1DOJdrdfhtdSg9pbEgwuL3j/P1DHOc/Qdw==}
|
||||
dev: false
|
||||
|
||||
/ejs@3.1.10:
|
||||
|
@ -23,7 +23,7 @@
|
||||
<h6 class="mb-2 mt-2" v-text="generatedLink" />
|
||||
</a>
|
||||
<QrCode v-if="showQrCode" :text="generatedLink" class="mb-[10rem]" />
|
||||
<div class="flex flex-wrap justify-end" style="gap: var(--efy_gap0)">
|
||||
<div class="flex flex-wrap" style="gap: var(--efy_gap0)">
|
||||
<button v-t="'actions.generate_qrcode'" class="btn" @click="showQrCode = !showQrCode" />
|
||||
<button v-t="'actions.follow_link'" class="btn ml-3" @click="followLink()" />
|
||||
<button v-t="'actions.copy_link'" class="btn ml-3" @click="copyLink()" />
|
||||
|
@ -484,7 +484,7 @@ export default {
|
||||
seekBarColors: {
|
||||
base: "rgba(255, 255, 255, 0.3)",
|
||||
buffered: "rgba(255, 255, 255, 0.54)",
|
||||
played: "var(--efy_piped_color1)",
|
||||
played: "var(--efy_piped_color)",
|
||||
},
|
||||
};
|
||||
|
||||
|
@ -712,31 +712,21 @@ video::-webkit-media-text-track-display {
|
||||
video::cue {
|
||||
background: transparent;
|
||||
}
|
||||
.player-container.pp-trans video::-webkit-media-text-track-display {
|
||||
background: transparent !important;
|
||||
backdrop-filter: none;
|
||||
margin-bottom: unset;
|
||||
line-height: 1.2;
|
||||
text-shadow: 0 0 5rem #000;
|
||||
.player-container {
|
||||
&.pp-trans video::-webkit-media-text-track-display {
|
||||
background: transparent !important;
|
||||
backdrop-filter: none;
|
||||
margin-bottom: unset;
|
||||
line-height: 1.2;
|
||||
text-shadow: 0 0 5rem #000;
|
||||
}
|
||||
&.pp-solid video::-webkit-media-text-track-display {
|
||||
background: var(--efy_bg) !important;
|
||||
color: var(--efy_text);
|
||||
backdrop-filter: none;
|
||||
}
|
||||
}
|
||||
|
||||
.player-container.pp-solid video::-webkit-media-text-track-display {
|
||||
background: var(--efy_bg) !important;
|
||||
color: var(--efy_text);
|
||||
backdrop-filter: none;
|
||||
}
|
||||
|
||||
@media (width <= 768px) {
|
||||
.share-btn {
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
.share-btn strong {
|
||||
display: none;
|
||||
}
|
||||
.share-btn svg {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 639px) {
|
||||
video::-webkit-media-text-track-display {
|
||||
font-size: 16rem !important;
|
||||
|
15
src/piped.js
15
src/piped.js
@ -48,11 +48,14 @@ $ready('#efy_sidebar', ()=>{
|
||||
}
|
||||
|
||||
// Get EFY Color Gradient in Piped
|
||||
let efy_colors = efy.colors;
|
||||
efy_colors.forEach((a,i)=>{
|
||||
let b = a.split(' '); b.shift(); b[3] = '/ ' + b[3];
|
||||
efy_colors[i] = `oklch(${b.join(' ')})`;
|
||||
});
|
||||
$css_prop('--efy_piped_color1', String(efy_colors));
|
||||
const efy_piped_color =()=>{ let efy_colors = [];
|
||||
efy.colors.forEach((a,i)=>{
|
||||
a = a.split(' ').slice(1); a[3] = `/ ${a[3]}`;
|
||||
efy_colors[i] = `oklch(${a.join(' ')})`;
|
||||
});
|
||||
$css_prop('--efy_piped_color', String(efy_colors));
|
||||
}; efy_piped_color();
|
||||
|
||||
$event($('#efy_gradient'), 'change', efy_piped_color);
|
||||
|
||||
}, 1);
|
Loading…
Reference in New Issue
Block a user