fix: card header hasDivider apply only chind header

alauda · May 19, 2020 · 1741a73 · 1741a73
1 parent 75f3336
commit 1741a73
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/card/card.component.scss b/src/card/card.component.scss
@@ -35,7 +35,7 @@ $b: aui-card;
   }
 
   &.hasDivider {
-    .#{$b} {
+    > .#{$b} {
       &__header {
         padding-bottom: 12px;
         border-bottom: $default-border;

diff --git a/stories/card/index.ts b/stories/card/index.ts
@@ -10,6 +10,10 @@ storiesOf('Card', module).add('card', () => {
       <aui-card>
         <div auiCardHeader>header</div>
         <div style="line-height: 64px; background-color: #ededed;">content</div>
+        <aui-card [divider]="false">
+          <div auiCardHeader>header inside</div>
+          <div style="line-height: 64px; background-color: red;">content</div>
+        </aui-card>
       </aui-card>
 
       <aui-card [divider]="false">