[GitHub] [apisix-website] Baoyuantop commented on a change in pull request #547: feat: new independent showcase page

[GitBox <gi...@apache.org>]

Baoyuantop commented on a change in pull request #547:
URL: https://github.com/apache/apisix-website/pull/547#discussion_r700698618



##########
File path: website/src/pages/showcase/styles.scss
##########
@@ -0,0 +1,75 @@
+.showcase {
+    .header {
+        padding-top: 0;
+        width: 100vw;
+
+        .title {
+            color: var(--color-primary);
+            font-size: 50px;
+            font-weight: bold;
+        }
+
+        .tips {
+            font-size: 18px;
+        }
+    }
+
+    .content {
+        width: 100%;
+        padding: 50px 50px;
+        display: flex;
+        flex-wrap: wrap;
+
+        .item {
+            text-align: center;
+            padding: 20px;
+            width: 25%;
+
+            > {
+                margin-left: auto;
+                margin-right: auto;
+            }
+        }
+    }
+
+    .user-card {
+        height: 200px;
+        padding: 30px 10px;
+        border: 1px solid #eee;
+        border-radius: 0.5rem;
+        display: flex;
+        flex-direction: column;
+        align-items:center;
+        box-sizing: border-box;
+        position: relative;
+
+        .logo {
+            width: 100px;
+            max-height: 40px;
+        }

Review comment:
       I noticed that some square or round logos are deformed. How about `max-width: 100px` ? Or is there a better way？




-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@apisix.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org