non-mandatory imgae in tick v3
parent
d3b4088a43
commit
5f2138b742
|
@ -189,40 +189,40 @@ import Layout from "../../layouts/Layout.astro";
|
|||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Quicksand:wght@500;700&display=swap');
|
||||
input[type="checkbox"]{
|
||||
-webkit-appearance: initial;
|
||||
appearance: initial;
|
||||
border: 1px solid gray;
|
||||
border-radius: 5px;
|
||||
/* background: gray; */
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
input[type="checkbox"]:checked {
|
||||
background: blue;
|
||||
}
|
||||
input[type="checkbox"]:checked:after {
|
||||
content: "X";
|
||||
color: #fff;
|
||||
border: none;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-moz-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
/*
|
||||
* If you want to fully change the check appearance, use the following:
|
||||
* content: " ";
|
||||
* width: 100%;
|
||||
* height: 100%;
|
||||
* background: blue;
|
||||
* top: 0;
|
||||
* left: 0;
|
||||
*/
|
||||
}
|
||||
-webkit-appearance: initial;
|
||||
appearance: initial;
|
||||
border: 1px solid gray;
|
||||
border-radius: 5px;
|
||||
/* background: gray; */
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
input[type="checkbox"]:checked {
|
||||
background: blue;
|
||||
}
|
||||
input[type="checkbox"]:checked:after {
|
||||
content: "X";
|
||||
color: #fff;
|
||||
border: none;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-moz-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
/*
|
||||
* If you want to fully change the check appearance, use the following:
|
||||
* content: " ";
|
||||
* width: 100%;
|
||||
* height: 100%;
|
||||
* background: blue;
|
||||
* top: 0;
|
||||
* left: 0;
|
||||
*/
|
||||
}
|
||||
body{
|
||||
font-family: Quicksand;
|
||||
}
|
||||
|
|
|
@ -89,7 +89,9 @@ import Layout from "../../layouts/Layout.astro";
|
|||
document.getElementById('descImage').src = assetsURL + gameData.descript_img;
|
||||
for (let i = 1; i <= 3; i++) {
|
||||
const imageId = `image${i}`;
|
||||
document.getElementById(imageId).src = assetsURL + gameData[imageId];
|
||||
if(gameData[imageId]){
|
||||
document.getElementById(imageId).src = assetsURL + gameData[imageId];
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
|
Loading…
Reference in New Issue