ui for repo/create page

This commit is contained in:
FuXiaoHei 2014-03-03 00:22:20 +08:00
parent c5132b87a6
commit 71bae3ebd3
5 changed files with 72 additions and 26 deletions

View file

@ -85,8 +85,7 @@ body {
}
/* gogits login card */
#gogs-login-card {
width: 600px;
.gogs-card{
margin: auto;
padding: 30px;
background: #fff;
@ -95,13 +94,17 @@ body {
box-sizing: border-box;
}
#gogs-login-card h3 {
.gogs-card h3 {
margin-top: 0;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
#gogs-login-card{
width: 600px;
}
#gogs-login-card .form-control {
padding: 6px 12px;
box-sizing: content-box;
@ -112,7 +115,7 @@ body {
line-height: 30px;
}
#gogs-login-card .btn{
.gogs-card .btn{
cursor: pointer;
margin-right: 1.2em;
}
@ -171,3 +174,13 @@ body {
#gogs-user-act-tabs li.active a{
border-bottom-color: #ddd;
}
/* gogits repo create */
#gogs-repo-create{
width: 800px;
}
#gogs-repo-create textarea[name=desc]{
height: 8em;
}

BIN
public/img/checkmark.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 B

View file

@ -1,22 +1,55 @@
{{template "base/head" .}}
{{template "base/navbar" .}}
<div class="container">
<form action="/repo/create" method="post" class="form-horizontal">
<div class="container" id="gogs-body">
<form action="/repo/create" method="post" class="form-horizontal gogs-card" id="gogs-repo-create">
<h3>Create New Repository</h3>
<div class="form-group">
<div class="col-md-offset-4 col-md-3">
Owner: <input name="userId" type="hidden" value="1"/>lunny
<label class="col-md-2 control-label">Owner<strong class="text-danger">*</strong></label>
<div class="col-md-8">
<p class="form-control-static">Owner-name</p>
<input type="hidden" value="1" name="user-id"/>
</div>
<div class="col-md-offset-4 col-md-3">
repo name: <input name="name" type="text"/>
</div>
<div class="col-md-offset-4 col-md-3">
description(optional): <input name="desc" type="text"/>
<div class="form-group">
<label class="col-md-2 control-label">Repository<strong class="text-danger">*</strong></label>
<div class="col-md-8">
<input name="repo" type="text" class="form-control" placeholder="Type your repository name">
<span class="help-block">Great repository names are short and memorable. </span>
</div>
<div class="col-md-offset-4 col-md-3">
</div>
<div class="col-md-offset-4 col-md-3">
<button type="submit" class="btn btn-info">Create repository</button>
<div class="form-group">
<label class="col-md-2 control-label">Description</label>
<div class="col-md-8">
<textarea name="desc" class="form-control" placeholder="Type your repository name"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Language</label>
<div class="col-md-8">
<select class="form-control" name="language">
<option value="">Select a language</option>
<option value="ActionScript">ActionScript</option>
<option value="C#">C#</option>
<option value="Google Go">Google Go</option>
<option value="Java">Java</option>
<option value="PHP">PHP</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-md-8 col-md-offset-2">
<div class="checkbox">
<label>
<input type="checkbox" value="true" name="init-md">
<strong>Initialize this repository with a README</strong>
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-8">
<button type="submit" class="btn btn-lg btn-primary">Create repository</button>
<a href="/" class="text-danger">Cancel</a>
</div>
</div>
</form>

View file

@ -1,7 +1,7 @@
{{template "base/head" .}}
{{template "base/navbar" .}}
<div class="container" id="gogs-body">
<form action="/user/signin" method="post" class="form-horizontal" id="gogs-login-card">
<form action="/user/signin" method="post" class="form-horizontal gogs-card" id="gogs-login-card">
<h3>Log in</h3>
<div class="form-group">
<label class="col-md-4 control-label">Username or Email: </label>

View file

@ -1,7 +1,7 @@
{{template "base/head" .}}
{{template "base/navbar" .}}
<div class="container" id="gogs-body">
<form action="/user/signup" method="post" class="form-horizontal" id="gogs-login-card">
<form action="/user/signup" method="post" class="form-horizontal gogs-card" id="gogs-login-card">
<h3>Sign Up</h3>
<div class="form-group">
<label class="col-md-4 control-label">Username: </label>