modify code

templates/explore/data_analysis.tmpl

@@ -8,7 +8,12 @@
 
 <style>
 .full.height {
-    flex-grow: 1;
+    /* flex-grow: 1; */
     padding-bottom: 53px;
  }
-</style>
+
+
+.ui.container{display:block;max-width:100%}@media only screen and (max-width:767.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:723px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(723px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(723px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(723px + 5rem)}}@media only screen and (min-width:1900px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:933px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(933px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(933px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(933px + 5rem)}}@media only screen and (min-width:1900px){.ui.ui.ui.container:not(.fluid){width:1900px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1127px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1127px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)}}.ui.text.container{font-family:Roboto,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px;line-height:1.5;font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
+@media only screen and (min-width:1900px){.following.bar #navbar,footer .container{padding:0px 20px 0px 20px}}
+
+</style>

web_src/js/components/ProAnalysis.vue

@@ -207,44 +207,46 @@
                     </el-col>
                     <el-col :span=6 >
                         <div class="item_r">
-                            <div style="font-size:14px;color:rgb(0,0,0);margin:20px 0px">贡献者TOP10</div>
-                            <div>
-                                <el-table
-                                    :data="tableDataContTop10"
-                                    style="width: 100%"
-                                    stripe
-                                    :header-cell-style="tableHeaderStyle"
-                                    >
-                                    <el-table-column
-                                        label="用户名"
-                                        align="left"
-                                        prop="user">
-                                        <template slot-scope="scope">
-                                            <a v-if="scope.row.relAvatarLink!=''" :href="AppSubUrl +'../../../'+ scope.row.user"><img class="ui avatar s16 image js-popover-card" :src="scope.row.relAvatarLink">{{scope.row.user}} </a>
-                                            <a v-else :href="'mailto:'+ scope.row.email "> <img class="ui avatar s16 image js-popover-card" :avatar="scope.row.email"> {{scope.row.user}}</a>  
-                                        </template>  
-                                    </el-table-column>
-                                    <el-table-column
-                                        label="身份"
-                                        align="center"
-                                        prop="mode"
-                                        v-if='0'>
-                                        <template slot-scope="scope">
-                                            {{scope.row.mode | showMode}}
-                                        </template>    
-                                    </el-table-column>
-                                    <el-table-column
-                                        prop="pr"
-                                        label="PR"
-                                        align="center">
-                                    </el-table-column>
-                                    <el-table-column
-                                        prop="commit"
-                                        label="commit"
-                                        align="center">
-                                    </el-table-column>
-                                              
-                                </el-table>
+                            <div style="margin:0 5px;">
+                                <div style="font-size:14px;color:rgb(0,0,0);margin:10px 0px">贡献者TOP10</div>
+                                <div>
+                                    <el-table
+                                        :data="tableDataContTop10"
+                                        style="width: 100%"
+                                        stripe
+                                        :header-cell-style="tableHeaderStyle"
+                                        >
+                                        <el-table-column
+                                            label="用户名"
+                                            align="left"
+                                            prop="user">
+                                            <template slot-scope="scope">
+                                                <a v-if="scope.row.relAvatarLink!=''" :href="AppSubUrl +'../../../'+ scope.row.user"><img class="ui avatar s16 image js-popover-card" :src="scope.row.relAvatarLink">{{scope.row.user}} </a>
+                                                <a v-else :href="'mailto:'+ scope.row.email "> <img class="ui avatar s16 image js-popover-card" :avatar="scope.row.email"> {{scope.row.user}}</a>  
+                                            </template>  
+                                        </el-table-column>
+                                        <el-table-column
+                                            label="身份"
+                                            align="center"
+                                            prop="mode"
+                                            v-if='0'>
+                                            <template slot-scope="scope">
+                                                {{scope.row.mode | showMode}}
+                                            </template>    
+                                        </el-table-column>
+                                        <el-table-column
+                                            prop="pr"
+                                            label="PR"
+                                            align="center">
+                                        </el-table-column>
+                                        <el-table-column
+                                            prop="commit"
+                                            label="commit"
+                                            align="center">
+                                        </el-table-column>
+                                                
+                                    </el-table>
+                                </div>
                             </div>
                         </div>
                     </el-col>
@@ -1206,6 +1208,11 @@
             height: 30px;
             border-radius:0px 4px 4px 0px;
         }
+        .btnFirst, .btn, .btnLast {
+            cursor: pointer;
+        }
+  
+
 /*     
         .btn:focus,
         .btn:active{
@@ -1229,6 +1236,7 @@
         .colorChange {
             background-color: #409effd6;
             color: #FFFF;
+            cursor: default;
         }
         .items{
             text-align: center;

web_src/js/components/UserAnalysis.vue

@@ -504,6 +504,10 @@
         height: 30px;
         border-radius:0px 4px 4px 0px;
     }
+    .btnFirst,.btn,.btnLast {
+        cursor: pointer;
+    }
+
 
     /* .btn:focus,
     .btn:active{
@@ -524,8 +528,9 @@
     }
 
     .colorChange {
-    background-color: #409effd6;
-    color: #FFFF;
+        background-color: #409effd6;
+        color: #FFFF;
+        cursor: default;
     }
 
 </style>