fix: feedback padding (#172)

* fix: feedback padding * test
ForkbombEu · Oct 10, 2024 · 6323fb1 · 6323fb1
1 parent 1932295
commit 6323fb1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/feedback/d-feedback.tsx b/src/components/feedback/d-feedback.tsx
@@ -62,10 +62,10 @@ export class DFeedback {
   render() {
     const onClick = () => (this.hide = !this.hide);
     return (
-      <Host class="sticky top-0 z-50">
+      <Host>
         <div
           class={{
-            'flex flex-col gap-3  bg-primary p-4 rounded-md !border-[3px] !border-solid mb-4': this.feedback !== '',
+            'flex flex-col gap-3  bg-primary px-4 py-2 rounded-md !border-[3px] !border-solid mb-4': this.feedback !== '',
             'border-success': this.type === 'success',
             'border-error': this.type === 'error',
             'hidden': this.feedback === '',

diff --git a/src/components/feedback/test/d-feedback.spec.tsx b/src/components/feedback/test/d-feedback.spec.tsx
@@ -8,7 +8,7 @@ describe('d-feedback', () => {
       html: `<d-feedback></d-feedback>`,
     });
     expect(page.root).toEqualHtml(`
-      <d-feedback class="sticky top-0 z-50">
+      <d-feedback>
         <mock:shadow-root>
           <div class="border-success hidden">
            <div class="flex items-center justify-between self-stretch w-full">