bar/osicon: fix blurriness (#1271)

* osicon: Unblurred sidebar icon

+ The multiplier on the implicitWidth and implicitHeight caused the
distro icon on the sidebar to look blurry. I believe this is because the
screen can't render a fraction of a pixel, and so, the qtengine
compensates by using anti-aliasing which causes the icon look smudged.
+ I changed the font size of the icon to a standard integer size
(extraLarge) and removed the multipliers. A side-effect of this commit
is that the icon looks a bit bigger now, I chose extraLarge instead of
just large because the icon looked a bit too small, but I do not know of
other people's preference on this.

* feat: Adjusted root implictWidth and implicitHeight

* fix

---------

Co-authored-by: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>

1 files changed, 7 insertions, 7 deletions

diff --git a/modules/bar/components/OsIcon.qml b/modules/bar/components/OsIcon.qml
index a61500a..6710294 100644
--- a/modules/bar/components/OsIcon.qml
+++ b/modules/bar/components/OsIcon.qml
@@ -1,15 +1,15 @@
+import qs.components
 import qs.components.effects
 import qs.services
 import qs.config
 import qs.utils
 import QtQuick
-import qs.components
 
 Item {
     id: root
-    
-    implicitWidth: Appearance.font.size.large * 1.2
-    implicitHeight: Appearance.font.size.large * 1.2
+
+    implicitWidth: Math.round(Appearance.font.size.large * 1.2)
+    implicitHeight: Math.round(Appearance.font.size.large * 1.2)
 
     MouseArea {
         anchors.fill: parent
@@ -29,8 +29,8 @@ Item {
         id: caelestiaLogo
 
         Logo {
-            implicitWidth: Appearance.font.size.large * 1.8
-            implicitHeight: Appearance.font.size.large * 1.8
+            implicitWidth: Math.round(Appearance.font.size.large * 1.6)
+            implicitHeight: Math.round(Appearance.font.size.large * 1.6)
         }
     }
 
@@ -39,7 +39,7 @@ Item {
 
         ColouredIcon {
             source: SysInfo.osLogo
-            implicitSize: Appearance.font.size.large * 1.2
+            implicitSize: Math.round(Appearance.font.size.large * 1.2)
             colour: Colours.palette.m3tertiary
         }
     }