Fix: profile display bug in large size displayer (#316)
diff --git a/src/views/components/profile/profile-container.vue b/src/views/components/profile/profile-container.vue
index 8bc81c8..7eb14d6 100644
--- a/src/views/components/profile/profile-container.vue
+++ b/src/views/components/profile/profile-container.vue
@@ -85,7 +85,6 @@
.profile {
font-size: 12px;
height: 100%;
- min-width: 1200px;
.profile-set-btn {
font-size: 12px;
border: 1px solid #ccc;
@@ -103,7 +102,7 @@
}
}
.profile-header {
- display: flex;
+ white-space: nowrap;
user-select: none;
border-left: 0;
border-right: 0;
@@ -111,6 +110,7 @@
}
.profile-header div {
+ display: inline-block;
padding: 0 4px;
border: 1px solid transparent;
border-right: 1px dotted silver;
diff --git a/src/views/components/profile/profile-item.vue b/src/views/components/profile/profile-item.vue
index f0b7c90..17eaf35 100644
--- a/src/views/components/profile/profile-item.vue
+++ b/src/views/components/profile/profile-item.vue
@@ -75,8 +75,8 @@
}
.profile-item {
- display: flex;
position: relative;
+ white-space: nowrap;
}
.profile-item.selected {
background: rgba(0, 0, 0, 0.04);
@@ -87,6 +87,7 @@
}
.profile-item > div {
+ display: inline-block;
padding: 0 5px;
border: 1px solid transparent;
border-right: 1px dotted silver;
diff --git a/src/views/components/profile/profile.scss b/src/views/components/profile/profile.scss
index 408a424..94135e6 100644
--- a/src/views/components/profile/profile.scss
+++ b/src/views/components/profile/profile.scss
@@ -16,13 +16,12 @@
* limitations under the License.
*/
.dump-count {
- width: 8%;
- min-width: 100px;
+ width: 100px;
}
.exec-ms {
- width: 20%;
+ width: 200px;
position: relative;
}
.self {
- width: 10%;
+ width: 100px;
}
