Browse Source

fix: actionsheet confirm btn height

richard1015 5 years ago
parent
commit
d94fcb4236
1 changed files with 51 additions and 51 deletions
  1. 51 51
      src/packages/actionsheet/actionsheet.scss

+ 51 - 51
src/packages/actionsheet/actionsheet.scss

@@ -1,76 +1,76 @@
 .nut-actionsheet-modal {
-	padding: 13px 30px 13px;
-	margin: 0;
-	text-align: center;
-	background-color: $as-base-bg-color;
-	border-bottom: 1px solid $as-border-color;
-	line-height: 22px;
-	.nut-actionsheet-title {
-		font-size: $as-base-font-size;
-		font-weight: bold;
-		color: $as-base-color;
-	}
+  padding: 13px 30px 13px;
+  margin: 0;
+  text-align: center;
+  background-color: $as-base-bg-color;
+  border-bottom: 1px solid $as-border-color;
+  line-height: 22px;
+  .nut-actionsheet-title {
+    font-size: $as-base-font-size;
+    font-weight: bold;
+    color: $as-base-color;
+  }
 
-	.nut-actionsheet-sub-title {
-		font-size: $as-desc-font-size;
-		color: $as-desc-color;
-		margin-inline-start: 0;
-		div{
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
-	}
+  .nut-actionsheet-sub-title {
+    font-size: $as-desc-font-size;
+    color: $as-desc-color;
+    margin-inline-start: 0;
+    div {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
 }
 
 .nut-actionsheet-menu {
-	list-style: none;
-	padding: 0;
-	margin: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 .nut-actionsheet-cancel,
 .nut-actionsheet-item {
-	height: 28px;
-	padding: 10px;
-	line-height: 28px;
-	font-size: $as-base-font-size;
-	color: $as-base-color;
-	text-align: center;
-	background-color: $as-base-bg-color;
+  height: 28px;
+  padding: 10px;
+  line-height: 28px;
+  font-size: $as-base-font-size;
+  color: $as-base-color;
+  text-align: center;
+  background-color: $as-base-bg-color;
 }
 
 .nut-actionsheet-item {
-	border-top: 1px solid $as-border-color;
-	&:first-child{
-		border-top: 0;
-	}
+  border-top: 1px solid $as-border-color;
+  &:first-child {
+    border-top: 0;
+  }
 }
 
 .nut-actionsheet-item-active {
-	color: $primary-color; // #E1251B
+  color: $primary-color; // #E1251B
 }
 
 .nut-actionsheet-item-disabled {
-	color: $as-disable-color;
+  color: $as-disable-color;
 }
 
 .nut-actionsheet-cancel {
-	border-top: 1px solid $as-border-color;
-	color: $text-black-3;
+  border-top: 1px solid $as-border-color;
+  color: $text-black-3;
 }
 
 .nut-actionsheet-confirm {
-	padding: 12px 15px;
-	border-top: 1px solid $as-border-color;
-	color: $as-confirm-btn-color;
-	.confirm-btn{
-		width: 100%;
-		height: 50px;
-		background: $as-confirm-btn-bg;
-		border-radius: 4px;
-		font-size: $as-base-font-size;
-		line-height: 50px;
-		text-align: center;
-	}
+  padding: 12px 15px;
+  border-top: 1px solid $as-border-color;
+  color: $as-confirm-btn-color;
+  .confirm-btn {
+    width: 100%;
+    height: 40px;
+    background: $as-confirm-btn-bg;
+    border-radius: 4px;
+    font-size: $as-base-font-size;
+    line-height: 40px;
+    text-align: center;
+  }
 }