From c349f27f2c878323c5013da1bed4eff34c3cf44e Mon Sep 17 00:00:00 2001
From: 0song <82012629+0song@users.noreply.github.com>
Date: Sun, 21 Nov 2021 19:23:44 +0800
Subject: [PATCH] feat: add figma resource (#4469)

---
 docs/en-US/resource/index.md |  32 +++++++++++++++++++++++---------
 docs/public/images/figma.png | Bin 0 -> 1266 bytes
 2 files changed, 23 insertions(+), 9 deletions(-)
 create mode 100644 docs/public/images/figma.png

diff --git a/docs/en-US/resource/index.md b/docs/en-US/resource/index.md
index 16f36f2bcf..7d9b4a9508 100644
--- a/docs/en-US/resource/index.md
+++ b/docs/en-US/resource/index.md
@@ -9,8 +9,8 @@ lang: en-US
 
 <style lang="scss" scoped>
 .page-resource {
-  padding-top: 55px;
   box-sizing: border-box;
+  padding: 35px 40px 0;
 
   .resource-placeholder {
     margin: 50px auto 100px;
@@ -69,7 +69,7 @@ p {
   color: #5e6d82;
 }
 .card {
-  padding-bottom: 16px;
+  padding-bottom: 28px;
   width: 100%;
   background: #ffffff;
   border: 1px solid var(--el-border-color-base);
@@ -96,12 +96,13 @@ p {
     color: #99a9bf;
     padding: 0 30px;
     margin: 0;
-    word-break: break-all;
+    word-break: break-word;
     line-height: 1.8; // 1.6 for english
+    min-height: 75px;
   }
   a {
-    height: 42px;
-    width: 190px;
+    height: 40px;
+    width: 160px;
     display: inline-block;
     line-height: 42px;
     font-size: 14px;
@@ -115,9 +116,13 @@ p {
     transition: all 0.3s;
     text-decoration: none;
     margin-top: 20px;
+    margin-bottom: 20px;
   }
 }
 @media (max-width: 850px) {
+  .page-resource {
+    padding: 15px 0px 0;
+  }
   .cards {
     li {
       max-width: 500px;
@@ -165,6 +170,18 @@ p {
           >
         </div>
       </li>
+      <li>
+        <div class="card">
+          <img src="/images/figma.png" alt="Figma" />
+          <h3>Figma Template</h3>
+          <p>Newly designed Figma component library for 2021 with new features such as Auto-layout and Variants.</p>
+          <a
+            onclick="ga('send', 'event', 'ResourceDownload', 'Download', 'Sketch');"
+            href="https://www.figma.com/community/file/1021254029764378306"
+            >Download</a
+          >
+        </div>
+      </li>
     </ul>
   </div>
 </div>
@@ -180,14 +197,11 @@ h1 {
 }
 
 .card {
-  background-color: var(--bg-color-soft);
+  background-color: var(--bg-color);
   border-color: var(--border-color);
 
   h3 {
     color: var(--text-color);
   }
 }
-.page-resource {
-  padding: 55px 40px 0;
-}
 </style>
diff --git a/docs/public/images/figma.png b/docs/public/images/figma.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd6cc19d1e222287acaf2747cf7ed8aac7474d92
GIT binary patch
literal 1266
zcmV<O1P%L%P)<h;3K|Lk000e1NJLTq003?P003MF1^@s6kLiG200009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1cymPK~#7F?VU?#
zTxAr;|96r!VWN}7R;14)Z6U2iQK3Ov7cPnmSH3`9Xh5`EA0RG7n&3*@=+;Vn;KG9F
zN*5|9Sfw=!Y1L8}HA$1cADIkom?r7H{Z1xd7Ns+}x1HQM|I7Ko%}kgBdHm*ozk3cJ
zcY-Uk(LfkR9|7ou!N3@D!C+7-hokPB9vDm%MO*}fjvNe1OdKgDjuaC|iisn|#F1j+
zNHKAwm^e~Q94RJ_lx8q;wFLYy4E%ctICiLN+1*?BRDCU6yAiXy_h9ak-C%@o$b5bh
z7<vJ?Fu81LEpeW(Yc*zGeH&5N8Zg0ks*EWuF1e{o$bb4Fg7OTQ;1c)iH+7Zf5qT}Y
z{|qL$#C<=Em7@9o|G)&7xbb6HDVj!2oRI=t;_iPGD}}TNOmK<Yv2x<1r(=Rk+>@^W
z_ijMFkzS6i5$6)uUH}HauB$xXfV087Jx_W%X%A{#Y1W#YT<`6}{N_H)xl?4+mIoV@
z;^y3t<HSz^E*{6iQH`fQtNdxDdEm>_z@O8VL)hL9yu1#0`aV!XCvN5<aPWg*;c+=c
z+^Mn?^fz$o+O2EWw>qg0xW_h7LD$E{mFB4>O_0~5MpDTHmAI1!kx1Hi=W0vyNR6CI
znV=FU>sk`NNFc+neJoIkn?9MS9LKN5uQhQ-Do}}Avn^3M`a9y+Zfge>T;lqYbuLN7
z4XgtdRN}Tg0pt^G4Uq<0`n2Vc8n#B9N?ePZOg;8a6kA@Qd9k^!A<sA9Y|zdsrKdab
zV}R+2>NS4kB}h*v?Sa42l+&mjlF9<%CPhkdrLc@oE{))inem0A8fUk^i>yNTUYnRJ
z;+gTU+#^}zRcGk>IFnX^O5B0sQIoa^mAL&=hhbEp68BH}Jd6r9t0aX=+^&3g?Ajfz
zq<a!#!X>VKQ|#KktNW2<sKmY2)sKxW%TJD_=J}2Xk!7gFbu_i%+wPZY%9GcmChO47
zDi2H_#s15Om##E-<u|!gX*c%X(~m-qY|GYdVE3ye#o7T<OdKgDjuaC|iisn|#F1j+
zNHKAwaNdM1W8BUJB<T4(vdIY{cB&-B#F1j+NXewQ=e7VxUIc!7);-^fOp-})uRjD7
zRskFC0^Zw+Op-})BF$5pMJCClxc5hZ$tx9UA0I&`u|AFzyQ(Bb#1&z%F_v?KvNz=k
zjCv5Ia7?+cL&<K{(;)sj6YUEl3?c>G&l%deJ{W{@)QfY{dfY$r7o_)D<;C1J^gi4h
zs9r)CE=~rJ?gz|w&ac87P>$-vEv9W0>7zb%suOoTOlMuY1?p3$HgOG1n@4r()F!Th
zY4fN~oyx>1NSjA(>Qp99LE1c>XvIGFMuIlfB~DS=mdFJzb!&q$C_-K06s2v65c*Q5
zDsdXq=FyfqRf*G>HjlQ{sY#sXw0T_WHoMfR_#M?GPIKBkQH0@<2_30ZAx_d31PjAt
z)i`C3qjEGH72+7u=4oouvDP(wjbm8bZbriurfn8Vj*3OD;o{_-E87K-4tKoY!?gu(
cY3S!}0Ah%@60}(LDgXcg07*qoM6N<$f+`78P5=M^

literal 0
HcmV?d00001