feat: mobile terminal adaptation (#78)

src/views/dashboard/related/components/LogTable/Index.vue

@@ -93,7 +93,7 @@ function setCurrentLog(log: any) {
 .log {
   font-size: 12px;
   height: 100%;
-  overflow: auto;
+  border-bottom: 1px solid #eee;
 }
 
 .log-header {

src/views/dashboard/related/ebpf/components/EBPFSchedules.vue

@@ -220,6 +220,8 @@ watch(
 <style lang="scss" scoped>
 .filters {
   margin: 5px 0;
+  width: 100%;
+  min-width: 560px;
 }
 
 .schedules {

src/views/dashboard/related/profile/Content.vue

@@ -57,6 +57,7 @@ function loadTrees(l: boolean) {
 .item {
   height: 100%;
   width: calc(100% - 300px);
+  overflow: auto;
 }
 
 .list {

src/views/dashboard/related/profile/components/SpanTree.vue

@@ -161,6 +161,7 @@ function updateTimeRange() {
   flex-shrink: 0;
   height: 50%;
   width: 100%;
+  min-width: 800px;
 }
 
 .profile-table {
@@ -171,6 +172,7 @@ function updateTimeRange() {
 .profile-trace-detail-wrapper {
   padding: 5px 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  width: 100%;
 }
 
 .profile-trace-detail-ids {

src/views/dashboard/related/trace/Filter.vue

@@ -62,15 +62,6 @@ limitations under the License. -->
     </div>
   </div>
   <div class="flex-h">
-    <!-- <div class="mr-5">
-      <span class="grey mr-5">{{ t("timeRange") }}:</span>
-      <TimePicker
-        :value="dateTime"
-        position="bottom"
-        format="YYYY-MM-DD HH:mm"
-        @input="changeTimeRange"
-      />
-    </div> -->
     <div class="mr-5">
       <span class="sm b grey mr-5">{{ t("duration") }}:</span>
       <el-input size="small" class="inputs mr-5" v-model="minTraceDuration" />