parent
74cb622372
commit
18d880e2ea
|
@ -2,7 +2,7 @@
|
|||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "display-p3",
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0xFD",
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
}
|
||||
],
|
||||
"color" : {
|
||||
"color-space" : "display-p3",
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0x52",
|
||||
|
|
|
@ -89,25 +89,39 @@ struct OnboardingContentView: View {
|
|||
/// while iPhone X, 11, etc are different family devices, capable to use more of the space.
|
||||
extension OnboardingContentView {
|
||||
var circularFrameUniformSize: CGFloat {
|
||||
let aspect = height / width
|
||||
let deviceMultiplier = 1.0 + (((aspect / 1.725) - 1.0) * 2.0)
|
||||
var deviceMultiplier = 1.0
|
||||
|
||||
return width * (0.6 * deviceMultiplier)
|
||||
if width > 0.0 {
|
||||
let aspect = height / width
|
||||
deviceMultiplier = 1.0 + (((aspect / 1.725) - 1.0) * 2.0)
|
||||
}
|
||||
|
||||
return width * 0.6 * deviceMultiplier
|
||||
}
|
||||
|
||||
var circularFrameOffsetCoeffcient: CGFloat {
|
||||
var deviceMultiplier = 1.0
|
||||
|
||||
if width > 0.0 {
|
||||
let aspect = height / width
|
||||
let deviceMultiplier = aspect / 1.725
|
||||
deviceMultiplier = aspect / 1.725
|
||||
}
|
||||
|
||||
return 4.4 * deviceMultiplier
|
||||
}
|
||||
|
||||
var descriptionOffsetCoefficient: Double {
|
||||
if width > 0.0 {
|
||||
let aspect = height / width
|
||||
let deviceMultiplier = 1.0 + (((aspect / 1.725) - 1.0) * 2.5)
|
||||
|
||||
if abs(deviceMultiplier) > 0.0 {
|
||||
return 8.0 / deviceMultiplier
|
||||
}
|
||||
}
|
||||
|
||||
return 8.0
|
||||
}
|
||||
}
|
||||
|
||||
struct OnboardingContentView_Previews: PreviewProvider {
|
||||
|
|
|
@ -29,13 +29,13 @@ fileprivate struct Neumorphic: ViewModifier {
|
|||
color: Asset.Colors.Onboarding.neumorphicDarkSide.color,
|
||||
radius: 15,
|
||||
x: colorScheme == .light && !isPressed ? 10 : -10,
|
||||
y: colorScheme == .light && !isPressed ? 10 : 10
|
||||
y: 10
|
||||
)
|
||||
.shadow(
|
||||
color: Asset.Colors.Onboarding.neumorphicLightSide.color,
|
||||
radius: 10,
|
||||
x: colorScheme == .light && !isPressed ? -12 : 12,
|
||||
y: colorScheme == .light && !isPressed ? -12 : -12
|
||||
y: -12
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue