perf(UI): add Confetti effets to about views

[Jerry23011]

Preview

demo_light.mov

demo_dark.mov

[tisfeng]

It's strange, it looks like you've changed the layout?

Now

Before

#532 (comment)

[Jerry23011]

Yes, I did add a ZStack so that the effect could work. Let me check it

[Jerry23011]

I adjusted the constraints and now it should look the same with the original one.
The upper bound of the title varies by one pixel and the rest are exactly the same

Now

Before

[tisfeng]

ok, looks good.

[tisfeng]

I think the layout can be optimized.

[Jerry23011]

I think the layout can be optimized.

It's now equal, the 1 px difference at the bottom is caused by the shadow effect

[tisfeng]

I suddenly realized that our setting window can be resized, which can cause some strange coordinate issues.

The size of the setting window is carefully designed by us, and resizing it will affect the UI of the configuration.

I think we should prohibit resizing the window, what do you think?

output.mp4

[Jerry23011]

I suddenly realized that our setting window can be resized, which can cause some strange coordinate issues.

The size of the setting window is carefully designed by us, and resizing it will affect the UI of the configuration.

I think we should prohibit resizing the window, what do you think?

I think that would be a great approach -- most apps from Apple (like what I'm using now, Safari) don't have resizable Settings window.

[AkaShark]

I think the layout can be optimized.

It's now equal, the 1 px difference at the bottom is caused by the shadow effect

Just out of curiosity, may I ask how the note the drawing is done. Like 117px is auto?

[Jerry23011]

Just out of curiosity, may I ask how the note the drawing is done. Like 117px is auto?

Yes it’s auto-calculated by the screenshot app I use: shottr.cc

[AkaShark]

Just out of curiosity, may I ask how the note the drawing is done. Like 117px is auto?

Yes it’s auto-calculated by the screenshot app I use: shottr.cc

Thank you, it is indeed a useful tool.