mirror of
https://github.com/YouHaveTrouble/youhavetrouble.github.io.git
synced 2026-05-12 14:26:56 +00:00
make tiny yht less pixelated
This commit is contained in:
@@ -8,7 +8,9 @@ import tinyYHT from '../assets/img/tiny_yht.png';
|
||||
<div class="dialog-box">
|
||||
<span id="online-status" aria-label="Online status">Unknown</span><span id="online-game"><noscript>Turn javascript on!</noscript></span>
|
||||
</div>
|
||||
<Image src={tinyYHT} width="30" height="30" loading="eager" alt="" aria-hidden="true" draggable="false"/>
|
||||
<div class="image">
|
||||
<Image src={tinyYHT} width="100" height="100" loading="eager" alt="" aria-hidden="true" decoding="async" draggable="false"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ground"></div>
|
||||
</div>
|
||||
@@ -94,6 +96,16 @@ import tinyYHT from '../assets/img/tiny_yht.png';
|
||||
margin-top: 2.9rem;
|
||||
transition: transform 3s linear;
|
||||
|
||||
.image {
|
||||
width: 31px;
|
||||
height: 33px;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
}
|
||||
|
||||
.dialog-box {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user