This is an automated email from the ASF dual-hosted git repository. angerszhuuuu pushed a commit to branch CHANGE-style in repository https://gitbox.apache.org/repos/asf/celeborn-website.git
commit 0e49252fc4533a2af88fd9813b1891c1a5d22194 Author: Angerszhuuuu <[email protected]> AuthorDate: Fri Apr 26 15:31:45 2024 +0800 Change image and style --- docs/assets/logo/users/shopee.png | Bin 481196 -> 8140 bytes docs/assets/logo/users/xiaohongshu.png | Bin 6019 -> 1842 bytes docs/assets/logo/users/zhihu.png | Bin 11721 -> 3468 bytes docs/user.md | 73 +++++++++++++++++++++++---------- 4 files changed, 51 insertions(+), 22 deletions(-) diff --git a/docs/assets/logo/users/shopee.png b/docs/assets/logo/users/shopee.png index 782e9d39..4cad76ea 100644 Binary files a/docs/assets/logo/users/shopee.png and b/docs/assets/logo/users/shopee.png differ diff --git a/docs/assets/logo/users/xiaohongshu.png b/docs/assets/logo/users/xiaohongshu.png index 21db1419..c7f53d24 100644 Binary files a/docs/assets/logo/users/xiaohongshu.png and b/docs/assets/logo/users/xiaohongshu.png differ diff --git a/docs/assets/logo/users/zhihu.png b/docs/assets/logo/users/zhihu.png index 40336b91..2aa7f70f 100644 Binary files a/docs/assets/logo/users/zhihu.png and b/docs/assets/logo/users/zhihu.png differ diff --git a/docs/user.md b/docs/user.md index 73af83e3..bd4f2a20 100644 --- a/docs/user.md +++ b/docs/user.md @@ -25,35 +25,64 @@ Various companies and organizations are using Celeborn for production and commer Are you using this project? [Add your company](https://github.com/apache/celeborn/issues/2140). <style> -.row { +.itemContainer { display: flex; flex-wrap: wrap; - padding: 0 4px; + padding: 0 0px; } -.column { - flex: 25%; - padding: 0 4px; +.companyItem { + width: 257px; + height: 120px; + display: flex; + flex-direction: column; + align-items: center; + background: #FFFFFF; + border: 0px solid #E3E3E3; + box-sizing: border-box; + border-radius: 10px; + position: relative; + margin-bottom: 32px; } -.column img { - margin-top: 8px; - vertical-align: middle; +.companyItem img { + max-width: 80%; + max-height: 70%; + margin: auto; + display: block; +} + +companyItemImg { + width: 200px; + height: 180px; + margin-top: 48px; + margin-bottom: 20px; + height: 70%; + vertical-align: middle; } </style> -<div class="row"> - <div class="column"> - <img src="../assets/logo/users/aliyun.png" width="200"> - <img src="../assets/logo/users/xiaohongshu.png" width="200"> - <img src="../assets/logo/users/shopee.png" width="200"> - <img src="../assets/logo/users/bilibili.jpg" width="200"> - </div> -</div> -<div class="row"> - <div class="column"> - <img src="../assets/logo/users/zhihu.png" width="200"> - <img src="../assets/logo/users/linkedin.png" width="200"> - <img src="../assets/logo/users/tongcheng.png" width="200"> - </div> +<div class="itemContainer"> + <div class="companyItem"> + <img class="companyItemImg" src="../assets/logo/users/aliyun.png"> + <span></span> + </div> + <div class="companyItem"> + <img class="companyItemImg" src="../assets/logo/users/xiaohongshu.png" width="200"> + </div> + <div class="companyItem"> + <img class="companyItemImg" src="../assets/logo/users/shopee.png" width="200"> + </div> + <div class="companyItem"> + <img class="companyItemImg" src="../assets/logo/users/bilibili.jpg" width="200"> + </div> + <div class="companyItem"> + <img class="companyItemImg" src="../assets/logo/users/zhihu.png" width="200"> + </div> + <div class="companyItem"> + <img class="companyItemImg" src="../assets/logo/users/linkedin.png" width="200"> + </div> + <div class="companyItem"> + <img class="companyItemImg" src="../assets/logo/users/tongcheng.png" width="200"> + </div> </div>
