vgaNAR6ta/333v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit: nouveau overlay et minor bug fix sur le format mobile

Browse Source
This commit is contained in:
Vega
2026-03-07 05:13:51 +01:00
parent 60d2e0cb68
commit 47513564cd
4 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -8,6 +8,7 @@
</head>
<body>
<img src="./overlay001.png" class="overlay">
<img src="./overlay002.jpg" class="overlay" id="denimOver">
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>

BIN
public/overlay002.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

9
src/assets/style.css
View File

@@ -13,6 +13,7 @@
:root[data-theme="green"]{
--dark-color: #004D33;
--darker-color: #000D07;
--light-color: #33FF77;
--accent-color: #E600E6;
}
@@ -49,7 +50,8 @@
#app{
inset:0;
position: fixed;
background-color: var(--dark-color);
background: #002613;
background: linear-gradient(200deg,var(--dark-color) 0%, var(--darker-color) 100%);
cursor:cell;
}
@@ -212,3 +214,8 @@ p{
opacity: 0.0333;
z-index:333;
}
#denimOver{
opacity: 0.0777;
z-index:334;
}

10
src/components/LinkPannel.vue
View File

@@ -96,15 +96,23 @@
width:666px;
height:666px;
}
.theMatrix{
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: 180px;
}
}
/*=====================format tel*/
@media(max-width:800px){
#linkPannel{
position:fixed;
width:333px;
height:666px;
}
.theMatrix{
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-auto-rows: 180px;
}
}
</style>