YouHaveTrouble/youhavetrouble.github.io
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/youhavetrouble.github.io.git synced 2026-05-11 22:06:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

make tiny yht less pixelated

Browse Source
This commit is contained in:
YouHaveTrouble
2025-05-15 09:16:49 +02:00
parent 9aee4a04b1
commit 935aa93bfa
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ActivityWidget.astro
+13 -1
View File
@@ -8,7 +8,9 @@ import tinyYHT from '../assets/img/tiny_yht.png';
<div class="dialog-box"> <div class="dialog-box">
<span id="online-status" aria-label="Online status">Unknown</span><span id="online-game"><noscript>Turn javascript on!</noscript></span> <span id="online-status" aria-label="Online status">Unknown</span><span id="online-game"><noscript>Turn javascript on!</noscript></span>
</div> </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>
<div class="ground"></div> <div class="ground"></div>
</div> </div>
@@ -94,6 +96,16 @@ import tinyYHT from '../assets/img/tiny_yht.png';
margin-top: 2.9rem; margin-top: 2.9rem;
transition: transform 3s linear; transition: transform 3s linear;
.image {
width: 31px;
height: 33px;
img {
width: 100%;
height: 100%;
image-rendering: pixelated;
}
}
.dialog-box { .dialog-box {
position: absolute; position: absolute;
display: flex; display: flex;