julian/my-clock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

fix resize

Browse Source
This commit is contained in:
Julian Freeman
2026-03-02 12:35:50 -04:00
parent df5752d013
commit e4a636a115
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/main.rs
View File

@@ -122,13 +122,13 @@ slint::slint! {
Rectangle {
width: 100%; height: 100%;
border-radius: self.width / 2;
border-width: 2.5px;
border-width: root.clock_size * 0.008;
border-color: root.is_dark_mode ? rgba(100, 150, 255, 0.3) : rgba(255, 255, 255, 0.4);
Rectangle {
width: 97%; height: 97%;
border-radius: self.width / 2;
border-width: 1.2px;
border-width: root.clock_size * 0.004;
border-color: root.is_dark_mode ? rgba(100, 150, 255, 0.15) : rgba(255, 255, 255, 0.2);
}
}
@@ -149,7 +149,7 @@ slint::slint! {
stroke: root.is_dark_mode ?
(is_hour ? rgba(200, 220, 255, 0.5) : rgba(200, 220, 255, 0.25)) :
(is_hour ? rgba(0, 0, 0, 0.5) : rgba(0, 0, 0, 0.25));
stroke-width: is_hour ? 2px : 1px;
stroke-width: is_hour ? root.clock_size * 0.007 : root.clock_size * 0.0035;
property <float> angle: i * 6;
property <float> start_r: is_hour ? 42 : 45;
MoveTo {
@@ -168,12 +168,12 @@ slint::slint! {
{t: "8", a: 240}, {t: "9", a: 270}, {t: "10", a: 300}, {t: "11", a: 330}
] : Text {
property <float> rad: entry.a * 3.14159 / 180;
property <length> r: parent.width / 2 - 35px;
property <length> r: parent.width * 0.38;
x: parent.width / 2 + Math.sin(rad * 1rad) * r - self.width / 2;
y: parent.height / 2 - Math.cos(rad * 1rad) * r - self.height / 2;
text: entry.t;
color: root.is_dark_mode ? rgba(255, 255, 255, 0.8) : rgba(0, 0, 0, 0.7);
font-size: 16px;
font-size: parent.width * 0.06;
font-weight: 500;
}
@@ -181,7 +181,7 @@ slint::slint! {
viewbox-width: 100; viewbox-height: 100;
width: 100%; height: 100%;
stroke: root.is_dark_mode ? #e0e0e0 : #1a1a1a;
stroke-width: 5px;
stroke-width: root.clock_size * 0.017;
MoveTo { x: 50; y: 50; }
LineTo {
x: 50 + Math.sin(root.hour * 1deg) * 25;
@@ -193,7 +193,7 @@ slint::slint! {
viewbox-width: 100; viewbox-height: 100;
width: 100%; height: 100%;
stroke: root.is_dark_mode ? #bdbdbd : #333333;
stroke-width: 3.5px;
stroke-width: root.clock_size * 0.012;
MoveTo { x: 50; y: 50; }
LineTo {
x: 50 + Math.sin(root.minute * 1deg) * 38;
@@ -205,7 +205,7 @@ slint::slint! {
viewbox-width: 100; viewbox-height: 100;
width: 100%; height: 100%;
stroke: #ff3b30;
stroke-width: 1.5px;
stroke-width: root.clock_size * 0.005;
MoveTo { x: 50; y: 50; }
LineTo {
x: 50 + Math.sin(root.second * 1deg) * 44;
@@ -216,10 +216,10 @@ slint::slint! {
Rectangle {
x: (parent.width - self.width) / 2;
y: (parent.height - self.height) / 2;
width: 8px; height: 8px;
width: root.clock_size * 0.03; height: self.width;
background: root.is_dark_mode ? #e0e0e0 : #1a1a1a;
border-radius: 4px;
border-width: 1.5px;
border-radius: self.width / 2;
border-width: self.width * 0.2;
border-color: root.is_dark_mode ? #1a2a6c : #ffcc33;
}
}