Updated the settings dialog button styling.

This commit is contained in:
Jas Singh
2024-07-26 23:58:16 -07:00
parent 932006f760
commit 77c79a2d99
5 changed files with 90 additions and 44 deletions

View File

@@ -1,8 +1,14 @@
import { Label } from "./Label";
import { Inputter } from "./Inputter";
import icons from "lib/icons";
import { RowProps } from "lib/types/options";
export const Option = (props, className = '') => {
type Option = {
title: string,
subtitle: string,
}
export const Option = <T>(props: RowProps<T>, className: string = '') => {
return Widget.Box({
class_name: "option-item",
hexpand: true,
@@ -16,7 +22,7 @@ export const Option = (props, className = '') => {
Inputter(props, className),
Widget.Button({
vpack: "center",
class_name: "reset",
class_name: "reset-options",
child: Widget.Icon(icons.ui.refresh),
on_clicked: () => props.opt.reset(),
sensitive: props.opt.bind().as(v => v !== props.opt.initial),