style(dialog): change align items to flex-start

Trendyol · Aug 12, 2024 · 6f38eec · 6f38eec
1 parent 108af18
commit 6f38eec
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/dialog/bl-dialog.css b/src/components/dialog/bl-dialog.css
@@ -53,7 +53,7 @@
 header {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   gap: var(--bl-size-2xs);
   padding: var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl);
 }

diff --git a/src/components/dialog/bl-dialog.stories.ts b/src/components/dialog/bl-dialog.stories.ts
@@ -160,7 +160,7 @@ ${BasicTemplate({...args, className: "limited-width", content: `<div class="cont
 
 const SizingTemplate = (args: DialogArgs) => html`
 <style>
-  bl-dialog {
+  #dl-sizing {
     --bl-dialog-width: 31rem;
   }
 
@@ -207,7 +207,7 @@ when an unknown printer took a galley of type and scrambled it to make a type sp
 
 const CaptionLineClampTemplate = (args: DialogArgs) => html`
 <style>
-  bl-dialog {
+  #dl-caption-line-clamp {
     --bl-dialog-width: 31rem;
     --bl-dialog-caption-line-clamp: 2;
   }