[skywalking-rocketbot-ui] branch master updated: fix: update style (#559)

[wu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git


The following commit(s) were added to refs/heads/master by this push:
     new 7c82b29  fix: update style (#559)
7c82b29 is described below

commit 7c82b2965d3d9fc75db1faf5bcb41a08e9266b68
Author: Fine0830 <fi...@outlook.com>
AuthorDate: Tue Nov 9 23:26:00 2021 +0800

    fix: update style (#559)
---
 src/views/components/common/common-selector.vue | 2 +-
 src/views/components/log/log-bar.vue            | 5 ++++-
 src/views/components/log/log-detail-content.vue | 6 ++++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/components/common/common-selector.vue b/src/views/components/common/common-selector.vue
index a998197..e5036e1 100644
--- a/src/views/components/common/common-selector.vue
+++ b/src/views/components/common/common-selector.vue
@@ -124,7 +124,7 @@ limitations under the License. -->
   }
   .rk-common-sel {
     position: absolute;
-    top: 45px;
+    top: 52px;
     box-shadow: 0 1px 6px rgba(99, 99, 99, 0.2);
     background-color: #252a2f;
     width: 100%;
diff --git a/src/views/components/log/log-bar.vue b/src/views/components/log/log-bar.vue
index 55e4ea2..b3d3a0a 100644
--- a/src/views/components/log/log-bar.vue
+++ b/src/views/components/log/log-bar.vue
@@ -14,7 +14,7 @@ limitations under the License. -->
 <template>
   <div class="rk-log-nav">
     <div class="rk-error-log-bar flex-h">
-      <div class="flex-h">
+      <div class="flex-h bar-selectors">
         <CommonSelector
           :hasSearch="true"
           :title="$t('logCategory')"
@@ -237,6 +237,9 @@ limitations under the License. -->
     height: 52px;
     justify-content: space-between;
   }
+  .bar-selectors {
+    height: 100%;
+  }
 
   .rk-right {
     min-width: 210px;
diff --git a/src/views/components/log/log-detail-content.vue b/src/views/components/log/log-detail-content.vue
index c56c834..14dd90d 100644
--- a/src/views/components/log/log-detail-content.vue
+++ b/src/views/components/log/log-detail-content.vue
@@ -54,10 +54,12 @@ limitations under the License. -->
 </script>
 <style lang="scss" scoped>
   .content {
-    max-width: 1000px;
-    min-height: 200px;
+    max-width: 700px;
+    min-width: 500px;
+    min-height: 500px;
     border: none;
     outline: none;
     color: #3d444f;
+    overflow: auto;
   }
 </style>