feat: fix cloudbrain index let te stackable

templates/repo/cloudbrain/index.tmpl

@@ -7,7 +7,7 @@
         height: 100%;
     }
     /* 弹窗 */
-    
+
     #mask {
         position: fixed;
         top: 0px;
@@ -23,7 +23,7 @@
         padding-top: 100px;
         color: #000000
     }
-    
+
     #loadingPage {
         margin: 200px auto;
         width: 50px;
@@ -32,7 +32,7 @@
         font-size: 10px;
         display: block;
     }
-    
+
     #loadingPage>div {
         background-color: green;
         height: 100%;
@@ -41,27 +41,27 @@
         -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
         animation: sk-stretchdelay 1.2s infinite ease-in-out;
     }
-    
+
     #loadingPage .rect2 {
         -webkit-animation-delay: -1.1s;
         animation-delay: -1.1s;
     }
-    
+
     #loadingPage .rect3 {
         -webkit-animation-delay: -1.0s;
         animation-delay: -1.0s;
     }
-    
+
     #loadingPage .rect4 {
         -webkit-animation-delay: -0.9s;
         animation-delay: -0.9s;
     }
-    
+
     #loadingPage .rect5 {
         -webkit-animation-delay: -0.8s;
         animation-delay: -0.8s;
     }
-    
+
     @-webkit-keyframes sk-stretchdelay {
         0%,
         40%,
@@ -72,7 +72,7 @@
             -webkit-transform: scaleY(1.0)
         }
     }
-    
+
     @keyframes sk-stretchdelay {
         0%,
         40%,
@@ -86,7 +86,7 @@
         }
     }
     /* 消息框 */
-    
+
     .alert {
         display: none;
         position: fixed;
@@ -98,37 +98,37 @@
         text-align: center;
         font-weight: bold;
     }
-    
+
     .alert-success {
         color: #3c763d;
         background-color: #dff0d8;
         border-color: #d6e9c6;
     }
-    
+
     .alert-info {
         color: #31708f;
         background-color: #d9edf7;
         border-color: #bce8f1;
     }
-    
+
     .alert-warning {
         color: #8a6d3b;
         background-color: #fcf8e3;
         border-color: #faebcc;
     }
-    
+
     .alert-danger {
         color: #a94442;
         background-color: #f2dede;
         border-color: #ebccd1;
     }
-    
+
     .pusher {
         width: calc(100% - 260px);
         box-sizing: border-box;
     }
     /* 弹窗 (background)  */
-    
+
     #imageModal {
         display: none;
         position: fixed;
@@ -142,7 +142,7 @@
         background-color: rgba(0, 0, 0, 0.4);
     }
     /* 弹窗内容 */
-    
+
     .modal-content {
         background-color: #fefefe;
         margin: 15% auto;
@@ -151,25 +151,25 @@
         width: 30%;
     }
     /* 关闭按钮 */
-    
+
     .close {
         color: #aaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
     }
-    
+
     .close:hover,
     .close:focus {
         color: black;
         text-decoration: none;
         cursor: pointer;
     }
-    
+
     .dis {
         margin-bottom: 20px;
     }
-    
+
     .disabled {
         cursor: pointer;
         pointer-events: none;
@@ -236,7 +236,7 @@
                     <!-- 任务展示 -->
                     <div class="dataset list">
                         {{range .Tasks}}
-                        <div class="ui grid item">
+                        <div class="ui grid stackable item">
                             <div class="row">
 
                                 <!-- 任务名 -->