From 0ab09e26c2da208e9d3094d016470ed2bee46443 Mon Sep 17 00:00:00 2001
From: guofeilong <guofeilong@easycorp.ltd>
Date: Tue, 31 Jan 2023 10:46:16 +0800
Subject: [PATCH] * code for task #83433

---
 module/admin/css/index.css       |  6 +++++-
 module/admin/view/index.html.php | 12 ++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/module/admin/css/index.css b/module/admin/css/index.css
index 1fec45f6e9..bae5ed20db 100755
--- a/module/admin/css/index.css
+++ b/module/admin/css/index.css
@@ -18,8 +18,12 @@
 .plugin-list > .plugin-item .extension-desc {overflow: hidden; height: 16px;}
 
 .bottom.flex > .official {flex: 1 1 30%; margin-right: 20px;}
-.bottom.flex > .openClass {flex: 1 1 60%;}
+.bottom.flex > .publicClass {flex: 1 1 60%;}
 
 .official-img {background-image: url('/static/images/wechat.jpg'); background-repeat: no-repeat; background-size: contain; flex: 1 1 50%; aspect-ratio: 1 / 1; background-position: center;}
 .official-content {flex: 0 0 50%; display: flex; flex-direction: column; justify-content: center;}
 .official-content > .content {color: #838A9D;}
+
+.classList > .classItem {flex: 0 0 50%;}
+.classItem > .classImg {background-image: url('/static/images/wechat.jpg'); background-repeat: no-repeat; background-size: contain; flex: 1 1 50%; aspect-ratio: 1 / 1; }
+.classItem > .classContent {flex: 1 1 50%;}
diff --git a/module/admin/view/index.html.php b/module/admin/view/index.html.php
index c6de813d35..85d19c2a24 100755
--- a/module/admin/view/index.html.php
+++ b/module/admin/view/index.html.php
@@ -51,9 +51,17 @@
           </div>
         </div>
       </div>
-      <div class="panel openClass">
+      <div class="panel publicClass">
         <div class="panel-title"><?php echo $lang->admin->publicClass?></div>
-	<div class="classList">
+	<div class="classList flex">
+	  <div class="classItem flex">
+            <div class="classImg"></div>
+            <div class="classContent"></div>
+          </div>
+	  <div class="classItem flex">
+            <div class="classImg"></div>
+            <div class="classContent"></div>
+          </div>
         </div>
       </div>
     </div>