Fixed app icon sizing for HD (720p) resolution

mariotaku · mariotaku · commit 7c4c5a90ddb2 · 2025-06-22T20:48:28.000+09:00
diff --git a/frontend/views/BrowserPanel.js b/frontend/views/BrowserPanel.js
@@ -67,7 +67,7 @@ var AppListItem = kind({
       kind: MoonImage,
       name: 'img',
       // placeholder: EnyoImage.placeholder,
-      style: 'width: 100px; height: 100px; float: left; padding-right: 20px; padding-top: 5px',
+      style: 'width: 4.1667rem; height: 4.1667rem; float: left; padding-right: 0.8333rem; padding-top: 0.2083rem',
       sizing: 'contain',
     },
     {name: 'caption', classes: 'caption', kind: Marquee.Text},
diff --git a/frontend/views/DetailsPanel.js b/frontend/views/DetailsPanel.js
@@ -70,7 +70,7 @@ module.exports = kind({
     {
       kind: MoonImage,
       name: 'headerImage',
-      style: 'width: 100px; height: 100px; float: left; padding-right: 20px; padding-top: 5px',
+      style: 'width: 5rem; height: 5rem; float: left; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem',
       sizing: 'contain',
     },
   ],

Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ module.exports = kind({`
`70`	`70`	`{`
`71`	`71`	`kind: MoonImage,`
`72`	`72`	`name: 'headerImage',`
`73`		`- style: 'width: 100px; height: 100px; float: left; padding-right: 20px; padding-top: 5px',`
	`73`	`+ style: 'width: 5rem; height: 5rem; float: left; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem',`
`74`	`74`	`sizing: 'contain',`
`75`	`75`	`},`
`76`	`76`	`],`