further styling on showcase page

FriendsOfFlarum · Mar 7, 2024 · 43627e9 · 43627e9
1 parent 4919682
commit 43627e9
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/js/src/forum/components/PollShowcaseItem.tsx b/js/src/forum/components/PollShowcaseItem.tsx
@@ -17,6 +17,10 @@ export default class PollShowcaseItem extends Component<PollShowcaseItemAttrs> {
   }
 
   view() {
-    return <PollView poll={this.poll} />;
+    return (
+      <div className="PollShowcase--item">
+        <PollView poll={this.poll} />
+      </div>
+    );
   }
 }
diff --git a/resources/less/forum.less b/resources/less/forum.less
@@ -725,4 +725,25 @@
       margin: 15px 0 0;
     }
   }
-}
+}
+
+.PollShowcase {
+  &--item {
+    background-color: @control-bg;
+    border-radius: @border-radius;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    padding: 10px;
+    margin-bottom: 20px;
+
+    .Poll {
+      padding: 20px;
+      border-radius: @border-radius;
+      background-color: @body-bg;
+
+      .Poll-header {
+        background-color: @header-bg;
+        color: @header-color;
+      }
+    }
+  }
+}