diff --git a/lib/features/connections/connections_panel_extension.dart b/lib/features/connections/connections_panel_extension.dart index f70afaa..8f06118 100644 --- a/lib/features/connections/connections_panel_extension.dart +++ b/lib/features/connections/connections_panel_extension.dart @@ -151,6 +151,8 @@ class _ExtensionConnectionTileState extends State<_ExtensionConnectionTile> { widget.iconAsset!, width: QueryaIconSizes.sidebarConnectionIcon, height: QueryaIconSizes.sidebarConnectionIcon, + cacheWidth: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( widget.icon, diff --git a/lib/features/connections/connections_panel_mongo.dart b/lib/features/connections/connections_panel_mongo.dart index 2ee9b6a..4db6c55 100644 --- a/lib/features/connections/connections_panel_mongo.dart +++ b/lib/features/connections/connections_panel_mongo.dart @@ -146,6 +146,8 @@ class _MongoConnectionTileState extends State<_MongoConnectionTile> { widget.iconAsset!, width: QueryaIconSizes.sidebarConnectionIcon, height: QueryaIconSizes.sidebarConnectionIcon, + cacheWidth: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( widget.icon, diff --git a/lib/features/connections/connections_panel_mysql.dart b/lib/features/connections/connections_panel_mysql.dart index abe2b92..d8673c1 100644 --- a/lib/features/connections/connections_panel_mysql.dart +++ b/lib/features/connections/connections_panel_mysql.dart @@ -111,6 +111,8 @@ class _MysqlConnectionTileState extends State<_MysqlConnectionTile> { widget.iconAsset!, width: QueryaIconSizes.sidebarConnectionIcon, height: QueryaIconSizes.sidebarConnectionIcon, + cacheWidth: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( widget.icon, diff --git a/lib/features/connections/connections_panel_postgres_connection.dart b/lib/features/connections/connections_panel_postgres_connection.dart index 5a50066..8708434 100644 --- a/lib/features/connections/connections_panel_postgres_connection.dart +++ b/lib/features/connections/connections_panel_postgres_connection.dart @@ -114,6 +114,8 @@ class _PostgresConnectionTileState extends State<_PostgresConnectionTile> { widget.iconAsset!, width: QueryaIconSizes.sidebarConnectionIcon, height: QueryaIconSizes.sidebarConnectionIcon, + cacheWidth: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( widget.icon, diff --git a/lib/features/connections/connections_panel_redis.dart b/lib/features/connections/connections_panel_redis.dart index 6e6f509..0ea0f9c 100644 --- a/lib/features/connections/connections_panel_redis.dart +++ b/lib/features/connections/connections_panel_redis.dart @@ -129,6 +129,8 @@ class _RedisConnectionTileState extends State<_RedisConnectionTile> { widget.iconAsset!, width: QueryaIconSizes.sidebarConnectionIcon, height: QueryaIconSizes.sidebarConnectionIcon, + cacheWidth: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( widget.icon, diff --git a/lib/features/connections/connections_panel_sidebar.dart b/lib/features/connections/connections_panel_sidebar.dart index 7323f44..5b74129 100644 --- a/lib/features/connections/connections_panel_sidebar.dart +++ b/lib/features/connections/connections_panel_sidebar.dart @@ -95,6 +95,8 @@ class _ConnectionTile extends StatelessWidget { iconAsset!, width: QueryaIconSizes.sidebarConnectionIcon, height: QueryaIconSizes.sidebarConnectionIcon, + cacheWidth: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( icon, diff --git a/lib/features/connections/connections_panel_sqlite.dart b/lib/features/connections/connections_panel_sqlite.dart index 6be778e..d783df0 100644 --- a/lib/features/connections/connections_panel_sqlite.dart +++ b/lib/features/connections/connections_panel_sqlite.dart @@ -115,6 +115,8 @@ class _SqliteConnectionTileState extends State<_SqliteConnectionTile> { widget.iconAsset!, width: QueryaIconSizes.sidebarConnectionIcon, height: QueryaIconSizes.sidebarConnectionIcon, + cacheWidth: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (QueryaIconSizes.sidebarConnectionIcon * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( widget.icon, diff --git a/lib/features/connections/driver_icon.dart b/lib/features/connections/driver_icon.dart index 2f1b953..8621793 100644 --- a/lib/features/connections/driver_icon.dart +++ b/lib/features/connections/driver_icon.dart @@ -35,10 +35,13 @@ class DriverIcon extends StatelessWidget { ); } if (assetPath != null) { + final cacheSize = (size * MediaQuery.devicePixelRatioOf(context)).toInt(); return material.Image.asset( assetPath!, width: size, height: size, + cacheWidth: cacheSize, + cacheHeight: cacheSize, fit: material.BoxFit.contain, filterQuality: material.FilterQuality.medium, errorBuilder: (_, __, ___) => fallback, @@ -83,10 +86,13 @@ class DriverIconImage extends StatelessWidget { errorBuilder: (_, __, ___) => fallback, ); } + final cacheSize = (size * MediaQuery.devicePixelRatioOf(context)).toInt(); return material.Image.file( file, width: size, height: size, + cacheWidth: cacheSize, + cacheHeight: cacheSize, fit: material.BoxFit.contain, filterQuality: material.FilterQuality.medium, errorBuilder: (_, __, ___) => fallback, diff --git a/lib/features/mysql/mysql_connection_form.dart b/lib/features/mysql/mysql_connection_form.dart index de32365..47f573f 100644 --- a/lib/features/mysql/mysql_connection_form.dart +++ b/lib/features/mysql/mysql_connection_form.dart @@ -318,6 +318,8 @@ class _MysqlConnectionFormContentState height: 24, child: material.Image.asset( 'assets/images/mysql_icon.png', + cacheWidth: (40 * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (40 * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( material.Icons.table_chart_rounded, diff --git a/lib/features/mysql/mysql_stats_view.dart b/lib/features/mysql/mysql_stats_view.dart index 1c6c73a..01d4d0a 100644 --- a/lib/features/mysql/mysql_stats_view.dart +++ b/lib/features/mysql/mysql_stats_view.dart @@ -147,7 +147,7 @@ class _MysqlStatsViewState extends material.State { ); final cs = Theme.of(context).colorScheme; - final width = material.MediaQuery.sizeOf(context).width; + final width = MediaQuery.sizeOf(context).width; if (_loading) { return material.Center( @@ -254,6 +254,8 @@ class _MysqlStatsViewState extends material.State { height: 28, child: material.Image.asset( 'assets/images/mysql_icon.png', + cacheWidth: (28 * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (28 * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( material.Icons.storage_rounded, diff --git a/lib/features/postgresql/postgres_stats_view.dart b/lib/features/postgresql/postgres_stats_view.dart index 08c3d73..ab73ce5 100644 --- a/lib/features/postgresql/postgres_stats_view.dart +++ b/lib/features/postgresql/postgres_stats_view.dart @@ -276,6 +276,8 @@ class _PostgresStatsViewState extends material.State { height: 28, child: material.Image.asset( 'assets/images/postgresql_icon.png', + cacheWidth: (32 * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (32 * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( material.Icons.storage_rounded, diff --git a/lib/features/postgresql/postgresql_connection_form.dart b/lib/features/postgresql/postgresql_connection_form.dart index b66d9e2..4442e66 100644 --- a/lib/features/postgresql/postgresql_connection_form.dart +++ b/lib/features/postgresql/postgresql_connection_form.dart @@ -436,6 +436,8 @@ class _PostgresConnectionFormContentState height: 24, child: material.Image.asset( 'assets/images/postgresql_icon.png', + cacheWidth: (40 * MediaQuery.devicePixelRatioOf(context)).toInt(), + cacheHeight: (40 * MediaQuery.devicePixelRatioOf(context)).toInt(), fit: material.BoxFit.contain, errorBuilder: (_, __, ___) => material.Icon( material.Icons.storage_rounded,