✨ feat(pluginsFilter): fixed style issues

Signed-off-by: antonio.bergas <anthonyprincedom@hotmail.com>
2023-05-18 11:01:58 +02:00
parent dfd0dd0475
commit c8c711acac
2 changed files with 19 additions and 5 deletions
@@ -111,11 +111,12 @@ const Plugins = () => {
        </div>

        <div className="bulletLine margin-bottom--lg"></div>
-
-        <PluginsFilter
-          categories={categories}
-          handleChipClick={handleChipClick}
-        />
+        <div className="pluginsFilterBox">
+          <PluginsFilter
+            categories={categories}
+            handleChipClick={handleChipClick}
+          />
+        </div>

        {showCoreFeaturesHeader && <h2>Core Features</h2>}

@@ -31,12 +31,25 @@
    grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
  }

+  @media (max-width: 768px) {
+    :global(.pluginsContainer) {
+      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    }
+  }
+
  :global(.fit-content) {
    width: fit-content;
  }

+  :global(.pluginsFilterBox) {
+    width: 100%;
+    margin-bottom: 1rem;
+    height: 1rem;
+  }
+
  :global(.dropdown) {
    float: right;
+    margin-bottom: 1rem;
  }

  :global(.button--info) {