updated license toy
This commit is contained in:
@@ -17,8 +17,10 @@
|
|||||||
<body>
|
<body>
|
||||||
<div id="mainDiv">
|
<div id="mainDiv">
|
||||||
<div id="navBarContainer" data-alt="byte"></div>
|
<div id="navBarContainer" data-alt="byte"></div>
|
||||||
<div id="optionsContainer" class="borderedRect optionsContainer">aaaaaaaaaaaaaaaaaaaaaaa</div>
|
<div id="optionsContainer" class="borderedRect"></div>
|
||||||
<div id="licenseContainer"></div>
|
<div id="licenseContainer" class="blackBorderRect">
|
||||||
|
<div id="picContainer" class="blackBorderRect"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="loadingScreen"></div>
|
<div id="loadingScreen"></div>
|
||||||
|
|||||||
+22
-1
@@ -1,4 +1,4 @@
|
|||||||
.optionsContainer {
|
#optionsContainer {
|
||||||
display: inline;
|
display: inline;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0%;
|
top: 0%;
|
||||||
@@ -7,3 +7,24 @@
|
|||||||
width: max-content;
|
width: max-content;
|
||||||
padding: calc(1px * var(--pxDensity));
|
padding: calc(1px * var(--pxDensity));
|
||||||
}
|
}
|
||||||
|
#licenseContainer {
|
||||||
|
width: 600px;
|
||||||
|
height: auto;
|
||||||
|
aspect-ratio: 1.5 / 1;
|
||||||
|
padding: 40px;
|
||||||
|
padding-top: 80px;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 0%;
|
||||||
|
transform: translate(-50%, calc(-22px * var(--pxDensity)));
|
||||||
|
}
|
||||||
|
.blackBorderRect {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 10px #000000 solid;
|
||||||
|
border-radius: 32px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
#picContainer {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user