edit: bug fix z-index + video pannel + minor other bugs

This commit is contained in:
2026-04-21 01:56:41 +02:00
parent 72a96a7d6c
commit 5507942029
6 changed files with 12 additions and 8 deletions
+6
View File
@@ -136,6 +136,7 @@ html, body{
height: 100%; height: 100%;
filter: invert(1) saturate(333%) brightness(93%) hue-rotate(90deg); filter: invert(1) saturate(333%) brightness(93%) hue-rotate(90deg);
object-fit: cover; object-fit: cover;
transition: 7.77s ease-in;
} }
#canvas .overlay { #canvas .overlay {
@@ -300,11 +301,16 @@ html, body{
} }
.zFocus{ .zFocus{
z-index: revert;
z-index: 1312; z-index: 1312;
border-color: var(--accent-color); border-color: var(--accent-color);
border-width: thick; border-width: thick;
} }
#artistPannel.zFocus{
z-index: 3333;
}
.windowTitle{ .windowTitle{
width:100%; width:100%;
height:50px; height:50px;
+2 -2
View File
@@ -22,7 +22,7 @@ function titleAndContent(str){
for(let line of contentData){ for(let line of contentData){
if(line.includes('http')||line.includes('@')){ if(line.includes('http')||line.includes('@')){
let linkData = line.split("# "); let linkData = line.split("# ");
console.log(linkData[1]); //console.log(linkData[1]);
let linkNoFormat; let linkNoFormat;
let url = ""; let url = "";
if (linkData[1].includes('http')){ if (linkData[1].includes('http')){
@@ -31,7 +31,7 @@ function titleAndContent(str){
} else if (linkData[1].includes('@')){ } else if (linkData[1].includes('@')){
url = 'mailto:' + linkData[1]; url = 'mailto:' + linkData[1];
} }
console.log("url info", url) //console.log("url info", url)
src.push({ src.push({
caption: linkData[0], caption: linkData[0],
url: url url: url
@@ -24,7 +24,6 @@
<div id="linkRow"> <div id="linkRow">
<a href="#" class="textBtnStyle">Lydia</a> <a href="#" class="textBtnStyle">Lydia</a>
<a href="#" class="textBtnStyle">Paypal</a> <a href="#" class="textBtnStyle">Paypal</a>
<a href="#" class="textBtnStyle">SumUp</a>
</div> </div>
</div> </div>
</div> </div>
@@ -76,7 +75,7 @@
} }
#linkRow .textBtnStyle{ #linkRow .textBtnStyle{
width: 27%; width: 40%;
height: 50px; height: 50px;
margin-bottom: 16.1px; margin-bottom: 16.1px;
} }
@@ -104,7 +104,7 @@
emits: ['close','focus'], emits: ['close','focus'],
computed: { computed: {
selectedLink(){ selectedLink(){
console.log(this.selectedLink); //console.log(this.selectedLink);
return dataStorage.selectedLink return dataStorage.selectedLink
} }
}, },
@@ -21,8 +21,7 @@
</button> </button>
</div> </div>
<div class="windowContent" id="visualizerContent"> <div class="windowContent" id="visualizerContent">
<video controls autoplay id="displayedImgStyle"> <video controls id="displayedImgStyle" :src="selectedVideo.src" :type="selectedVideo.format">
<source :src="selectedVideo.src" :type="selectedVideo.format">
</video> </video>
<div class="reactBar"> <div class="reactBar">
<p class="reactStatStyle">{{selectedVideo.like}}</p> <p class="reactStatStyle">{{selectedVideo.like}}</p>
@@ -42,7 +42,7 @@
si tu as envie de participer ! si tu as envie de participer !
</p> </p>
<button type="button" class="textBtnStyle" @click="openPannel('follow')">NOUS SUIVRE HORS DES RÉSEAUX!</button> <button type="button" class="textBtnStyle" @click="openPannel('follow')">NOUS SUIVRE HORS DES RÉSEAUX!</button>
<button type="button" class="textBtnStyle" @click="openPannel('donation')" v-show="false">NOUS FAIRE UNE DONATION</button> <button type="button" class="textBtnStyle" @click="openPannel('donation')">NOUS FAIRE UNE DONATION</button>
<button type="button" class="textBtnStyle" id="ticketButton" @click="openPannel('ticket')" v-show="false">RÉSERVER MA PLACE!</button> <button type="button" class="textBtnStyle" id="ticketButton" @click="openPannel('ticket')" v-show="false">RÉSERVER MA PLACE!</button>
</div> </div>
<div id="btnColumn"> <div id="btnColumn">