Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
3c484861
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
3c484861
编写于
10月 05, 2017
作者:
M
Mike Greiling
提交者:
Phil Hughes
10月 05, 2017
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Resolve "Monitoring graph empty states are gigantic on `screen-sm` viewport sizes"
上级
0a567f23
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
22 addition
and
34 deletion
+22
-34
app/assets/javascripts/monitoring/components/empty_state.vue
app/assets/javascripts/monitoring/components/empty_state.vue
+15
-27
app/assets/javascripts/monitoring/monitoring_bundle.js
app/assets/javascripts/monitoring/monitoring_bundle.js
+1
-4
app/assets/stylesheets/pages/environments.scss
app/assets/stylesheets/pages/environments.scss
+6
-3
未找到文件。
app/assets/javascripts/monitoring/components/empty_state.vue
浏览文件 @
3c484861
...
...
@@ -73,34 +73,22 @@
<
template
>
<div
class=
"prometheus-state"
>
<div
class=
"row"
>
<div
class=
"col-md-4 col-md-offset-4 state-svg svg-content"
>
<div
class=
"state-svg svg-content"
>
<img
:src=
"currentState.svgUrl"
/>
</div>
</div>
<div
class=
"row"
>
<div
class=
"col-md-6 col-md-offset-3"
>
<h4
class=
"text-center state-title"
>
<h4
class=
"state-title"
>
{{
currentState
.
title
}}
</h4>
</div>
</div>
<div
class=
"row"
>
<div
class=
"col-md-6 col-md-offset-3"
>
<div
class=
"description-text text-center state-description"
>
<p
class=
"state-description"
>
{{
currentState
.
description
}}
<a
v-if=
"showButtonDescription"
:href=
"settingsPath"
>
Prometheus server
</a>
</div>
</div>
</div>
<div
class=
"row state-button-section"
>
<div
class=
"col-md-4 col-md-offset-4 text-center state-button"
>
</p>
<div
class=
"state-button"
>
<a
class=
"btn btn-success"
:href=
"buttonPath"
>
{{
currentState
.
buttonText
}}
</a>
</div>
</div>
</div>
</
template
>
app/assets/javascripts/monitoring/monitoring_bundle.js
浏览文件 @
3c484861
...
...
@@ -3,8 +3,5 @@ import Dashboard from './components/dashboard.vue';
document
.
addEventListener
(
'
DOMContentLoaded
'
,
()
=>
new
Vue
({
el
:
'
#prometheus-graphs
'
,
components
:
{
Dashboard
,
},
render
:
createElement
=>
createElement
(
'
dashboard
'
),
render
:
createElement
=>
createElement
(
Dashboard
),
}));
app/assets/stylesheets/pages/environments.scss
浏览文件 @
3c484861
...
...
@@ -207,10 +207,13 @@
}
.prometheus-state
{
margin-top
:
10px
;
max-width
:
430px
;
margin
:
10px
auto
;
text-align
:
center
;
.state-button-section
{
margin-top
:
10px
;
.state-svg
{
max-width
:
80vw
;
margin
:
0
auto
;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录