Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit1ec0992

Browse files
committed
WIP: Create pipeline
1 parenta1b0eb4 commit1ec0992

File tree

3 files changed

+76
-32
lines changed

3 files changed

+76
-32
lines changed

‎frontend/client/App.vue‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,8 +97,42 @@ html {
9797
}
9898
}
9999
100+
.button {
101+
background-color:#4da2fc!important;
102+
font-weight:bold;
103+
border-color:transparent;
104+
color:whitesmoke;
105+
}
106+
107+
.button:hover,.button:active,.button:focus {
108+
color:whitesmoke;
109+
border-color:transparent;
110+
}
111+
100112
.content-article {
101113
color:whitesmoke;
102114
background-color:#3f3d49;
103115
}
116+
117+
.content-articlelabel {
118+
color:whitesmoke;
119+
font-weight:normal;
120+
}
121+
122+
.input-bar {
123+
background-color:#19191b;
124+
color:white;
125+
border-color:#2a2735;
126+
}
127+
128+
.input-bar::-webkit-input-placeholder {
129+
color:#8c91a0;
130+
text-shadow:none;
131+
-webkit-text-fill-color:initial;
132+
}
133+
134+
.title-text {
135+
border-bottom:1pxsolid;
136+
padding-bottom:8px;
137+
}
104138
</style>

‎frontend/client/components/layout/Navbar.vue‎

Lines changed: 4 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@
77
<iclass="fa fa-search fa-lg"aria-hidden="true"/>
88
</div>
99
<div>
10-
<inputclass="borderless-search"type="text"placeholder="Findapipeline ..."v-model="search">
10+
<inputclass="borderless-search"type="text"placeholder="Find pipeline ..."v-model="search">
1111
</div>
1212
<divclass="navbar-button">
13-
<aclass="button create-pipeline-button"@click="createPipeline">
13+
<aclass="button"@click="createPipeline">
1414
<spanclass="icon">
1515
<iclass="fa fa-plus"></i>
1616
</span>
@@ -46,15 +46,15 @@
4646
<divclass="block login-modal-content">
4747
<divclass="login-modal-content">
4848
<pclass="control has-icons-left">
49-
<inputclass="input is-largelogin-input"v-focustype="text"v-model="username"@keyup.enter="login"placeholder="Username">
49+
<inputclass="input is-large input-bar"v-focustype="text"v-model="username"@keyup.enter="login"placeholder="Username">
5050
<spanclass="icon is-small is-left">
5151
<iclass="fa fa-user-circle"></i>
5252
</span>
5353
</p>
5454
</div>
5555
<divclass="login-modal-content">
5656
<pclass="control has-icons-left">
57-
<inputclass="input is-largelogin-input"type="password"@keyup.enter="login"v-model="password"placeholder="Password">
57+
<inputclass="input is-large input-bar"type="password"@keyup.enter="login"v-model="password"placeholder="Password">
5858
<spanclass="icon is-small is-left">
5959
<iclass="fa fa-lock"></i>
6060
</span>
@@ -165,18 +165,6 @@ export default {
165165

166166
<style lang="scss">
167167
168-
.create-pipeline-button {
169-
background-color:#4da2fc!important;
170-
font-weight:bold;
171-
border-color:transparent;
172-
color:whitesmoke;
173-
}
174-
175-
.create-pipeline-button:hover,.create-pipeline-button:active,.create-pipeline-button:focus {
176-
color:whitesmoke;
177-
border-color:transparent;
178-
}
179-
180168
.navbar-button {
181169
padding-top:17px;
182170
}
@@ -219,20 +207,7 @@ export default {
219207
padding:10px;
220208
}
221209
222-
.login-input {
223-
background-color:#3f3d49;
224-
color:white;
225-
border-color:#2a2735;
226-
}
227-
228-
.login-input::-webkit-input-placeholder {
229-
color:#8c91a0;
230-
text-shadow:none;
231-
-webkit-text-fill-color:initial;
232-
}
233-
234210
.login-button {
235-
background-color:#4da2fc!important;
236211
width:150px;
237212
height:50px;
238213
}

‎frontend/client/views/pipelines/create.vue‎

Lines changed: 38 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,47 @@
11
<template>
22
<divclass="tile is-ancestor">
3-
<divclass="tile is-vertical is-3">
3+
<divclass="tile is-vertical is-5">
44
<divclass="tile">
55
<divclass="tile is-parent is-vertical">
66
<articleclass="tile is-child notification content-article">
7-
<pclass="subtitle">From Git repository</p>
7+
<pclass="title title-text">Compile from source</p>
88
<divclass="content">
9-
9+
<labelclass="label">Copy the link of your <strong>git repo</strong> here.</label>
10+
<pclass="control has-icons-left">
11+
<inputclass="input is-medium input-bar"v-focustype="text"placeholder="Link to git repo ...">
12+
<spanclass="icon is-small is-left">
13+
<iclass="fa fa-git"></i>
14+
</span>
15+
</p>
16+
<pclass="control">
17+
<aclass="button">
18+
<spanclass="icon">
19+
<iclass="fa fa-github"></i>
20+
</span>
21+
<span>Add credentials</span>
22+
</a>
23+
<aclass="button"style="margin-left:20px;">
24+
<spanclass="icon">
25+
<iclass="fa fa-github"></i>
26+
</span>
27+
<span>Add private key</span>
28+
</a>
29+
</p>
30+
<hr>
31+
<labelclass="label">Type the name of your pipeline. You can put your pipelines into folders by defining a path. For example <strong>MyFolder/MyAwesomePipeline</strong>.</label>
32+
<pclass="control has-icons-left">
33+
<inputclass="input is-medium input-bar"type="text"placeholder="Pipeline name ...">
34+
<spanclass="icon is-small is-left">
35+
<iclass="fa fa-book"></i>
36+
</span>
37+
</p>
38+
<hr>
39+
<aclass="button">
40+
<spanclass="icon">
41+
<iclass="fa fa-plus"></i>
42+
</span>
43+
<span>Create Pipeline</span>
44+
</a>
1045
</div>
1146
</article>
1247
</div>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp