fix(appearance): use ContentFit::Contain to center modes

This commit is contained in:
Michael Aaron Murphy 2025-08-13 22:09:41 +02:00
parent 9afb4133cc
commit 6e67ff11e0
No known key found for this signature in database
GPG key ID: B2732D4240C9212C

View file

@ -1,9 +1,10 @@
use crate::pages::desktop::wallpaper::widgets::color_image; use crate::pages::desktop::wallpaper::widgets::color_image;
use cosmic::cosmic_theme::Spacing; use cosmic::cosmic_theme::Spacing;
use cosmic::cosmic_theme::palette::Srgba; use cosmic::cosmic_theme::palette::Srgba;
use cosmic::iced::ContentFit;
use cosmic::iced_core::{Alignment, Length}; use cosmic::iced_core::{Alignment, Length};
use cosmic::widget::icon::{from_name, icon}; use cosmic::widget::icon::{from_name, icon};
use cosmic::widget::{self, button, container, scrollable, settings, text}; use cosmic::widget::{self, button, container, settings, text};
use cosmic::{Apply, Element}; use cosmic::{Apply, Element};
use cosmic_settings_page::Section; use cosmic_settings_page::Section;
use cosmic_settings_wallpaper as wallpaper; use cosmic_settings_wallpaper as wallpaper;
@ -252,13 +253,17 @@ fn theme_mode<'a>(
cosmic::iced::widget::column![ cosmic::iced::widget::column![
button::custom_image_button( button::custom_image_button(
icon(dark_mode_illustration) icon(dark_mode_illustration)
.width(Length::Fixed(191.0)) .content_fit(ContentFit::Contain)
.width(Length::Fill)
.height(Length::Fixed(100.0)), .height(Length::Fixed(100.0)),
None None
) )
.class(button::ButtonClass::Image) .class(button::ButtonClass::Image)
.selected(page.theme_manager.mode().is_dark) .selected(page.theme_manager.mode().is_dark)
.on_press(super::Message::DarkMode(true)), .on_press(super::Message::DarkMode(true))
.padding(1)
.apply(widget::container)
.max_width(191),
text::body(&descriptions[labels["dark"]]) text::body(&descriptions[labels["dark"]])
] ]
.spacing(8) .spacing(8)
@ -266,14 +271,18 @@ fn theme_mode<'a>(
.align_x(Alignment::Center), .align_x(Alignment::Center),
cosmic::iced::widget::column![ cosmic::iced::widget::column![
button::custom_image_button( button::custom_image_button(
icon(light_mode_illustration,) icon(light_mode_illustration)
.width(Length::Fixed(191.0)) .content_fit(ContentFit::Contain)
.width(Length::Fill)
.height(Length::Fixed(100.0)), .height(Length::Fixed(100.0)),
None None
) )
.class(button::ButtonClass::Image) .class(button::ButtonClass::Image)
.selected(!page.theme_manager.mode().is_dark) .selected(!page.theme_manager.mode().is_dark)
.on_press(super::Message::DarkMode(false)), .on_press(super::Message::DarkMode(false))
.padding(1)
.apply(widget::container)
.max_width(191),
text::body(&descriptions[labels["light"]]) text::body(&descriptions[labels["light"]])
] ]
.spacing(8) .spacing(8)