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
index.html
+1
View File
@@ -8,6 +8,7 @@
</head> </head>
<body> <body>
<img src="./overlay001.png" class="overlay"> <img src="./overlay001.png" class="overlay">
<img src="./overlay002.jpg" class="overlay" id="denimOver">
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>
public/overlay002.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

src/assets/style.css
+8 -1
View File
@@ -13,6 +13,7 @@
:root[data-theme="green"]{ :root[data-theme="green"]{
--dark-color: #004D33; --dark-color: #004D33;
--darker-color: #000D07;
--light-color: #33FF77; --light-color: #33FF77;
--accent-color: #E600E6; --accent-color: #E600E6;
} }
@@ -49,7 +50,8 @@
#app{ #app{
inset:0; inset:0;
position: fixed; position: fixed;
background-color: var(--dark-color); background: #002613;
background: linear-gradient(200deg,var(--dark-color) 0%, var(--darker-color) 100%);
cursor:cell; cursor:cell;
} }
@@ -212,3 +214,8 @@ p{
opacity: 0.0333; opacity: 0.0333;
z-index:333; z-index:333;
} }
#denimOver{
opacity: 0.0777;
z-index:334;
}
src/components/LinkPannel.vue
+9 -1
View File
@@ -96,15 +96,23 @@
width:666px; width:666px;
height:666px; height:666px;
} }
.theMatrix{
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: 180px;
}
} }
/*=====================format tel*/ /*=====================format tel*/
@media(max-width:800px){ @media(max-width:800px){
#linkPannel{ #linkPannel{
position:fixed;
width:333px; width:333px;
height:666px; height:666px;
} }
.theMatrix{
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-auto-rows: 180px;
}
} }
</style> </style>