pl-fe: widgets style

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx

@@ -65,17 +65,15 @@ const AccountNotePanel: React.FC<IAccountNotePanel> = ({ account }) => {
         )}
       </HStack>}
     >
-      <div className='-mx-2'>
-        <Textarea
-          id={`account-note-${account.id}`}
-          theme='transparent'
-          placeholder={intl.formatMessage(messages.placeholder)}
-          value={value || ''}
-          onChange={handleChange}
-          ref={textarea}
-          autoGrow
-        />
-      </div>
+      <Textarea
+        id={`account-note-${account.id}`}
+        theme='transparent'
+        placeholder={intl.formatMessage(messages.placeholder)}
+        value={value || ''}
+        onChange={handleChange}
+        ref={textarea}
+        autoGrow
+      />
     </Widget>
   );
 };

packages/pl-fe/src/styles/new/layout.scss

@@ -349,11 +349,11 @@ body {
 }
 
 .⁂-widget {
-  @include mixins.card($variant: rounded);
-  @apply black:p-0;
+  @apply border-b border-solid border-gray-200 black:border-gray-800 dark:border-primary-800;
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  padding-bottom: 1.5rem;
 
   &__header {
     display: flex;
@@ -380,6 +380,13 @@ body {
   }
 }
 
+div:has(.⁂-background-shapes), .dark {
+  .⁂-widget {
+    @include mixins.card($variant: rounded);
+    @apply border-none black:p-0 black:pb-6 black:border-solid;
+  }
+}
+
 .⁂-footer-text {
   @include mixins.text($size: sm, $theme: muted);