Agregar estilo para distincion de sponsors

PyConColombia · Jun 1, 2024 · fe18d5b · fe18d5b
1 parent 964b65c
commit fe18d5b
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git a/src/app/[lang]/sponsors/components/SponsorList.js b/src/app/[lang]/sponsors/components/SponsorList.js
@@ -15,14 +15,15 @@ const SponsorList = ({ level, list, lang }) => {
           <Col xs={12} md={4}>
             <span className={`badge ${level}`}>{labels[level]}</span>
           </Col>
-          <Col xs={12} md={8}>
-            <hr className="separator" />
-          </Col>
         </Row>
         <Row>
-          {list.map((sponsor, index) => (
-            <Sponsor key={index} level={level} sponsorData={sponsor} lang={lang} />
-          ))}
+          <div className="sponsor-wrapper">
+            <div className={`sponsor-divider ${level}`}>
+              {list.map((sponsor, index) => (
+                <Sponsor key={index} level={level} sponsorData={sponsor} lang={lang} />
+              ))}
+            </div>
+          </div>
         </Row>
       </div>
     )

diff --git a/src/styles/partials/_sponsors.sass b/src/styles/partials/_sponsors.sass
@@ -71,3 +71,22 @@
     &.bronze
         background-image: linear-gradient(to bottom right, #FF8C8B, #FF7372, #FF7372)
         color: variables.$third-text-color
+
+.sponsor-wrapper
+    padding: 0 10px
+    .sponsor-divider
+        border: 3px solid variables.$black
+        border-radius: 10px
+        margin: 10px 0
+        &.venue
+            border-color: #0d47a1
+        &.diamond
+            border-color: #b9f2ff
+        &.platinum
+            border-color: #E5E4E2
+        &.gold
+            border-color: #FFDE8C
+        &.silver, &.silver_plus
+            border-color: #bbbbbb
+        &.bronze
+            border-color: #FF8C8B