fix design

tsuzukihashi · Apr 25, 2020 · 3fbf302 · 3fbf302
1 parent ab8122d
commit 3fbf302
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/DemoApp/DemoApp/ContentView.swift b/DemoApp/DemoApp/ContentView.swift
@@ -10,17 +10,27 @@ struct ContentView: View {
             ScrollView(.vertical, showsIndicators: false) {
                 VStack (spacing: 0){
                     HStack {
-                        Text("NeumorphismUI")
-                            .foregroundColor(self.neumorphism.fontColor())
-                            .font(.title)
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 24)
+                                .fill(self.neumorphism.color)
+                                .neumorphismShadow()
+                                .frame(width: 300, height: 64, alignment: .center)
+
+                            Text("NeumorphismUI")
+                                .shadow(color: self.neumorphism.color.darkerColor(), radius: 4, x: 4, y: 4)
+                                .shadow(color: self.neumorphism.color.lighterColor(), radius: 4, x: -4, y: -4)
+                                .foregroundColor(self.neumorphism.color.darkerColor())
+                                .font(.system(size: 36, weight: .bold, design: .rounded))
+                        }
 
                         NeumorphismBindingButton(isSelected: $isDark, shapeType: .circle, normalImage: Image(systemName: "sun.max"), selectedImage: Image(systemName: "moon"), width: 44, height: 44, imageWidth: 20, imageHeight: 20, shadowRadius: 4) {
                             self.neumorphism.changeMode()
                         }.onAppear() {
                             self.isDark = self.neumorphism.isDark
                         }
                     }
-                    NeumorphismDentView(width: 300, height: 8, cornerRadius: 4)
+
+                    Spacer()
 
                     NavigationLink(destination: SimpleView()) {
                         BaseView(name: "SimpleView", desc: "most simple neumorphism")

diff --git a/README.md b/README.md
@@ -107,4 +107,4 @@ struct NeumorphismSliderView: View {
 }
 ```
 
-![NeumorphismSlider](https://lh3.googleusercontent.com/ysSXR8ooZy4X42bBkO-Mrr_0N78RTizBpRpfyHMn5N9TtJoCfEUR-9KxDanfshKlhUaFhZXM_OdM-9Q_jduBE4w0HmotYYrC6uGGiKa_FulHsmA85RWkjg10oGyIsKzcUZPxz6FYTlJ2OEug7GnJlc_Dwk8SeZPS3HsnYUFxsnIRSAXuImqGQPeAJho3rMrS-kUqs8ZR0ITjXtRWBRpqbBWOZvfynsQ2ZjA9CEbwKSIom5dF3x8bB4z1BhuP5kBUsXZB0pahQYGc4nFUu6DXc34mDq88E5VqBqaLQqPY3nhv7HxkpbXoYh6T2ztkPK1L67apJT0YJq0zmctVcgok4Oa8dq7v9WlstqR1Q_DTSg35ixLdzQPMfCNJagrqq-i8gqGoAZm5xnwyxy1v15fMrZhNP3sAhkJSLB2WtxbAu8CZ1cnYC3yObY68yYLmiY-VefwSu6yMEuxo4a_mM0jtk2YuN84wuCpbOT-aeV7UIRi0XwwoM6xJZVGyvWu7Awmk3TfkHBlcVwEOvzdBirzI77yI4RAu0W7NK1mqhza7FVaBJDYtegKPYUc-oMJFGOG1-NVYfQzWLi4DyB7isMMzGr1sz1vS3JrYBGdOLgyRGFSLBMBBQoKc52VZ8hQF1wWFRl_jJ8rHqozRoQn8lS0mIiUMpwiFTgx4NXEENNVSZMXFiNGLig0doCo3G2QXipJi9E8WfkMe4hpbJCsYDchPJHc1K5JnjmPt1B0Lw3hJfE-XIC_ArrmkKewp=w218-h472-no)
+![NeumorphismSlider](https://lh3.googleusercontent.com/0mUodfJl-_h_pVfU1ZQsjZ9HSDSadQM2I3FpUhwopxxKR_FSlfdodwOPJHTC0M7a8pkUZ8XhqCYtbUaNkhofSwLgeCCxvaN6n0UPkTrtXe0Qa471Q4bfxE6_F2GPzKkzt7G9Izu28JJ7o5qkEVh78ajlmg5AksHHvwhBK5SyLfwHZjG7uEra_lQEIcP7hUXP3QLh2hHDft3fM2m6K2LA0EOCkvkQxIPinOUV36FsqCicEJcZTKF87pNQDtZKB99R27J_PXR1sLO4x9ZM9GgYQJQgyCA9FlBu57l45Nu5OhDHG4yHYYZIePb1npiCoSZAB6cgDa_0AeWTWV5JXNHNdatEp3A52MlQx_zYdnjiamD6qWY_5VEW3jbHlT6GMQ1lZaNbWpNwUCe1-JrLmZ1aE-Gq2LbetNg9dSa2WckFnsArpcF9qH6sPqWaqnRvdu5JwwhFiX8X2SVYG4B_RBLunBm0eX_h_jF1ECT5a2Aq2nbudEamYRcryyR5qaTBjufuquoYnfOMwulpsbmTo8eeePKvSKpVIkjzFCQtpc5VvojgWIKGTqpeP715YH3Njj2vDvVDHBG7X7mTebKy3V4pWy8AV9fdYlFOZukvnXLCxz9mcURpNvz8xNIJJcvXsnZbHwHZm_2MwvQVyzdG8s0HQ-AbmSgU9otEJNrqJ2lJVJC8JvtN8GQ3941alt9jv_lWAfS-HOM1Fbia2y3FEWXAJzfjkxwZLX_EJA56tTuVBOfcOVSDR4eYyeZ6=w736-h220-no)
-Original file line number
+Diff line change
@@ Expand Up / @@ -107,4 +107,4 @@ struct NeumorphismSliderView: View { @@
     }
     ```
-    ![NeumorphismSlider](https://lh3.googleusercontent.com/ysSXR8ooZy4X42bBkO-Mrr_0N78RTizBpRpfyHMn5N9TtJoCfEUR-9KxDanfshKlhUaFhZXM_OdM-9Q_jduBE4w0HmotYYrC6uGGiKa_FulHsmA85RWkjg10oGyIsKzcUZPxz6FYTlJ2OEug7GnJlc_Dwk8SeZPS3HsnYUFxsnIRSAXuImqGQPeAJho3rMrS-kUqs8ZR0ITjXtRWBRpqbBWOZvfynsQ2ZjA9CEbwKSIom5dF3x8bB4z1BhuP5kBUsXZB0pahQYGc4nFUu6DXc34mDq88E5VqBqaLQqPY3nhv7HxkpbXoYh6T2ztkPK1L67apJT0YJq0zmctVcgok4Oa8dq7v9WlstqR1Q_DTSg35ixLdzQPMfCNJagrqq-i8gqGoAZm5xnwyxy1v15fMrZhNP3sAhkJSLB2WtxbAu8CZ1cnYC3yObY68yYLmiY-VefwSu6yMEuxo4a_mM0jtk2YuN84wuCpbOT-aeV7UIRi0XwwoM6xJZVGyvWu7Awmk3TfkHBlcVwEOvzdBirzI77yI4RAu0W7NK1mqhza7FVaBJDYtegKPYUc-oMJFGOG1-NVYfQzWLi4DyB7isMMzGr1sz1vS3JrYBGdOLgyRGFSLBMBBQoKc52VZ8hQF1wWFRl_jJ8rHqozRoQn8lS0mIiUMpwiFTgx4NXEENNVSZMXFiNGLig0doCo3G2QXipJi9E8WfkMe4hpbJCsYDchPJHc1K5JnjmPt1B0Lw3hJfE-XIC_ArrmkKewp=w218-h472-no)
+    ![NeumorphismSlider](https://lh3.googleusercontent.com/0mUodfJl-_h_pVfU1ZQsjZ9HSDSadQM2I3FpUhwopxxKR_FSlfdodwOPJHTC0M7a8pkUZ8XhqCYtbUaNkhofSwLgeCCxvaN6n0UPkTrtXe0Qa471Q4bfxE6_F2GPzKkzt7G9Izu28JJ7o5qkEVh78ajlmg5AksHHvwhBK5SyLfwHZjG7uEra_lQEIcP7hUXP3QLh2hHDft3fM2m6K2LA0EOCkvkQxIPinOUV36FsqCicEJcZTKF87pNQDtZKB99R27J_PXR1sLO4x9ZM9GgYQJQgyCA9FlBu57l45Nu5OhDHG4yHYYZIePb1npiCoSZAB6cgDa_0AeWTWV5JXNHNdatEp3A52MlQx_zYdnjiamD6qWY_5VEW3jbHlT6GMQ1lZaNbWpNwUCe1-JrLmZ1aE-Gq2LbetNg9dSa2WckFnsArpcF9qH6sPqWaqnRvdu5JwwhFiX8X2SVYG4B_RBLunBm0eX_h_jF1ECT5a2Aq2nbudEamYRcryyR5qaTBjufuquoYnfOMwulpsbmTo8eeePKvSKpVIkjzFCQtpc5VvojgWIKGTqpeP715YH3Njj2vDvVDHBG7X7mTebKy3V4pWy8AV9fdYlFOZukvnXLCxz9mcURpNvz8xNIJJcvXsnZbHwHZm_2MwvQVyzdG8s0HQ-AbmSgU9otEJNrqJ2lJVJC8JvtN8GQ3941alt9jv_lWAfS-HOM1Fbia2y3FEWXAJzfjkxwZLX_EJA56tTuVBOfcOVSDR4eYyeZ6=w736-h220-no)