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>

components/Logo.qml

@@ -4,8 +4,6 @@ import qs.services
 
 Item {
     id: root
-    implicitWidth: designWidth
-    implicitHeight: designHeight
 
     readonly property real designWidth: 128
     readonly property real designHeight: 90.38
@@ -13,6 +11,9 @@ Item {
     property color topColour: Colours.palette.m3primary
     property color bottomColour: Colours.palette.m3onSurface
 
+    implicitWidth: designWidth
+    implicitHeight: designHeight
+
     Shape {
         anchors.centerIn: parent
         width: root.designWidth

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
         }
     }

modules/lock/Fetch.qml

@@ -147,7 +147,6 @@ ColumnLayout {
 
         Logo {
             width: height
-            height: height
         }
     }