External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix icons upscaling

Browse Source
This commit is contained in:
plebeius.eth
2023-06-28 18:23:22 +02:00
parent 877a8ae252
commit ff142a3615
6 changed files with 69 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+26 -12
View File
@@ -836,9 +836,11 @@ const Board = () => {
 
<span className="date-time">{getDate(subplebbit.createdAt)}</span>
&nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px"}} />
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
&nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px"}} />
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
<span>&nbsp;
[
<Link to={`/p/${selectedAddress}/rules`} style={{textDecoration: "none"}} className="reply-link">Reply</Link>
@@ -911,9 +913,11 @@ const Board = () => {
&nbsp;
<span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px"}} />
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
&nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px"}} />
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
</span>
<br />
<span className="subject-mobile"
@@ -981,9 +985,11 @@ const Board = () => {
&nbsp;
<span className="date-time">{getDate(subplebbit.createdAt)}</span>
&nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px"}} />
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
&nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px"}} />
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
<span>&nbsp;
[
<Link to={`/p/${selectedAddress}/description`} style={{textDecoration: "none"}} className="reply-link">Reply</Link>
@@ -1054,9 +1060,11 @@ const Board = () => {
&nbsp;
<span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px"}} />
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
&nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px"}} />
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
</span>
<br />
<span className="subject-mobile"
@@ -1220,14 +1228,18 @@ const Board = () => {
<>
&nbsp;
<img src="assets/sticky.gif" alt="Sticky" title="Sticky"
style={{marginBottom: "-3px"}} />
style={{marginBottom: "-3px",
imageRendering: "pixelated",}} />
</>
) : null}
{thread.locked ? (
<>
&nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed"
style={{marginBottom: "-3px"}} />
style={{
marginBottom: "-3px",
imageRendering: "pixelated",
}} />
</>
) : null}
<span key={`rl1-${index}`}>&nbsp;
@@ -1978,11 +1990,13 @@ const Board = () => {
<span key={`ti-mob-${index}`} className="thread-icons-mobile" style={{float: "right", marginRight: "18px"}}>
{thread.pinned ? (
<img src="assets/sticky.gif" alt="Sticky" title="Sticky"
style={{marginBottom: "-3px", marginRight: "2px"}} />
style={{marginBottom: "-3px", marginRight: "2px",
imageRendering: "pixelated",}} />
) : null}
{thread.locked ? (
<img src="assets/closed.gif" alt="Closed" title="Closed"
style={{marginBottom: "-3px", marginRight: "2px"}} />
style={{marginBottom: "-3px", marginRight: "2px",
imageRendering: "pixelated",}} />
) : null}
</span>
<br key={`mob-br1-${index}`} />