Make boxes rounded by default
This commit is contained in:
parent
b98741a35e
commit
f70979846e
|
@ -11,6 +11,7 @@ export component AppWindow inherits Window {
|
||||||
preferred-width: 1280px;
|
preferred-width: 1280px;
|
||||||
preferred-height: 720px;
|
preferred-height: 720px;
|
||||||
VerticalBox {
|
VerticalBox {
|
||||||
|
j-rounding: 0px;
|
||||||
j-padding: Metrics.padding-sm;
|
j-padding: Metrics.padding-sm;
|
||||||
j-spacing: Metrics.spacing-sm;
|
j-spacing: Metrics.spacing-sm;
|
||||||
j-alignment: stretch;
|
j-alignment: stretch;
|
||||||
|
|
|
@ -4,7 +4,6 @@ import { HorizontalBox } from "widgets/layout.slint";
|
||||||
export component EditorBar inherits HorizontalBox {
|
export component EditorBar inherits HorizontalBox {
|
||||||
height: Metrics.size-xl;
|
height: Metrics.size-xl;
|
||||||
j-spacing: Metrics.spacing-xl;
|
j-spacing: Metrics.spacing-xl;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
color: DarkPalette.text[4];
|
color: DarkPalette.text[4];
|
||||||
|
|
|
@ -5,7 +5,6 @@ import { HorizontalBox, VerticalBox } from "widgets/layout.slint";
|
||||||
|
|
||||||
export component ObjectToolPanel inherits VerticalBox {
|
export component ObjectToolPanel inherits VerticalBox {
|
||||||
width: 280px;
|
width: 280px;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
j-alignment: stretch;
|
j-alignment: stretch;
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
|
@ -103,7 +102,6 @@ export component ObjectToolPanel inherits VerticalBox {
|
||||||
|
|
||||||
HorizontalBox {
|
HorizontalBox {
|
||||||
j-alignment: stretch;
|
j-alignment: stretch;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
j-padding: 0px;
|
j-padding: 0px;
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
|
@ -117,7 +115,6 @@ export component ObjectToolPanel inherits VerticalBox {
|
||||||
|
|
||||||
HorizontalBox {
|
HorizontalBox {
|
||||||
width: Metrics.size-md;
|
width: Metrics.size-md;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
j-elevation: 3;
|
j-elevation: 3;
|
||||||
|
|
||||||
Rectangle { }
|
Rectangle { }
|
||||||
|
@ -125,7 +122,6 @@ export component ObjectToolPanel inherits VerticalBox {
|
||||||
|
|
||||||
HorizontalBox {
|
HorizontalBox {
|
||||||
width: Metrics.size-md;
|
width: Metrics.size-md;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
j-elevation: 3;
|
j-elevation: 3;
|
||||||
|
|
||||||
Rectangle { }
|
Rectangle { }
|
||||||
|
@ -134,7 +130,6 @@ export component ObjectToolPanel inherits VerticalBox {
|
||||||
|
|
||||||
VerticalBox {
|
VerticalBox {
|
||||||
j-alignment: stretch;
|
j-alignment: stretch;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
color: DarkPalette.text[4];
|
color: DarkPalette.text[4];
|
||||||
|
|
|
@ -4,7 +4,6 @@ import { HorizontalBox } from "widgets/layout.slint";
|
||||||
|
|
||||||
export component StatusBar inherits HorizontalBox {
|
export component StatusBar inherits HorizontalBox {
|
||||||
height: Metrics.size-lg;
|
height: Metrics.size-lg;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
j-spacing: Metrics.spacing-lg;
|
j-spacing: Metrics.spacing-lg;
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
|
|
|
@ -12,7 +12,6 @@ component ToolBarItem inherits Rectangle {
|
||||||
|
|
||||||
export component ToolBar inherits VerticalBox {
|
export component ToolBar inherits VerticalBox {
|
||||||
width: Metrics.size-xl;
|
width: Metrics.size-xl;
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
|
|
||||||
Button {
|
Button {
|
||||||
checkable: true;
|
checkable: true;
|
||||||
|
|
|
@ -9,7 +9,7 @@ struct BorderStyle {
|
||||||
export component HorizontalBox inherits Rectangle {
|
export component HorizontalBox inherits Rectangle {
|
||||||
// TODO: border, shadow
|
// TODO: border, shadow
|
||||||
in property <int> j-elevation: 1;
|
in property <int> j-elevation: 1;
|
||||||
in property <length> j-rounding: 0px;
|
in property <length> j-rounding: Metrics.radius-md;
|
||||||
in property <length> j-padding: Metrics.padding-md;
|
in property <length> j-padding: Metrics.padding-md;
|
||||||
in property <length> j-spacing: Metrics.spacing-md;
|
in property <length> j-spacing: Metrics.spacing-md;
|
||||||
in property <LayoutAlignment> j-alignment: start;
|
in property <LayoutAlignment> j-alignment: start;
|
||||||
|
@ -29,7 +29,7 @@ export component HorizontalBox inherits Rectangle {
|
||||||
export component VerticalBox inherits Rectangle {
|
export component VerticalBox inherits Rectangle {
|
||||||
// TODO: border, shadow
|
// TODO: border, shadow
|
||||||
in property <int> j-elevation: 1;
|
in property <int> j-elevation: 1;
|
||||||
in property <length> j-rounding: 0px;
|
in property <length> j-rounding: Metrics.radius-md;
|
||||||
in property <length> j-padding: Metrics.padding-md;
|
in property <length> j-padding: Metrics.padding-md;
|
||||||
in property <length> j-spacing: Metrics.spacing-md;
|
in property <length> j-spacing: Metrics.spacing-md;
|
||||||
in property <LayoutAlignment> j-alignment: start;
|
in property <LayoutAlignment> j-alignment: start;
|
||||||
|
|
|
@ -5,8 +5,6 @@ export component Panel inherits VerticalBox {
|
||||||
in property <string> title: "Title";
|
in property <string> title: "Title";
|
||||||
in property <TextHorizontalAlignment> title-alignment: left;
|
in property <TextHorizontalAlignment> title-alignment: left;
|
||||||
|
|
||||||
j-rounding: Metrics.radius-md;
|
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
height: Metrics.size-md;
|
height: Metrics.size-md;
|
||||||
color: DarkPalette.text[4];
|
color: DarkPalette.text[4];
|
||||||
|
|
Loading…
Reference in New Issue