More design
This commit is contained in:
parent
800018e3fc
commit
d3281e4e3d
|
@ -3,11 +3,13 @@
|
|||
"bulma": "^0.7.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@fortawesome/fontawesome-free": "^5.7.1",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-clean": "^0.3.2",
|
||||
"gulp-gzip": "^1.4.0",
|
||||
"gulp-sass": "^3.1.0",
|
||||
"gulp-sourcemaps": "^1.9.1",
|
||||
"gulp-tar-path": "^1.0.1"
|
||||
"gulp-tar-path": "^1.0.1",
|
||||
"octicons": "^0.0.0-882a0ed25"
|
||||
}
|
||||
}
|
||||
|
|
93
repo.html
93
repo.html
|
@ -8,5 +8,98 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Top navbar -->
|
||||
<nav class="navbar is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="#">
|
||||
<img src="https://try.gitea.io/img/gitea-sm.png" alt=""/>
|
||||
</a>
|
||||
|
||||
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item">Home</a>
|
||||
<a class="navbar-item">Issues</a>
|
||||
<a class="navbar-item">Pull-Requests</a>
|
||||
<a class="navbar-item">Discover</a>
|
||||
</div>
|
||||
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<div class="buttons">
|
||||
<a class="button is-light">
|
||||
Log in
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-dropdown">
|
||||
<a class="navbar-item">
|
||||
Overview
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Main content (Well, anything which is not the navbar) -->
|
||||
<div class="columns repo">
|
||||
<div class="column is-2 sidemenu">
|
||||
<aside class="menu">
|
||||
<ul class="menu-list">
|
||||
<li><a class="is-active">
|
||||
<span class="icon">
|
||||
<i class="fas fa-code"></i>
|
||||
</span>
|
||||
Code
|
||||
</a></li>
|
||||
<li><a>
|
||||
<span class="icon">
|
||||
<i class="fas fa-exclamation-circle"></i>
|
||||
</span>
|
||||
Issues
|
||||
</a></li>
|
||||
<li><a>
|
||||
<span class="icon">
|
||||
<i class="fas fa-compress"></i>
|
||||
</span>
|
||||
Pull-Requests
|
||||
</a></li>
|
||||
<li><a>
|
||||
<span class="icon">
|
||||
<i class="fas fa-tag"></i>
|
||||
</span>
|
||||
Releases
|
||||
</a></li>
|
||||
<li><a>
|
||||
<span class="icon">
|
||||
<i class="fas fa-align-justify"></i>
|
||||
</span>
|
||||
Wiki
|
||||
</a></li>
|
||||
<li><a>
|
||||
<span class="icon">
|
||||
<i class="fas fa-heartbeat"></i>
|
||||
</span>
|
||||
Activity
|
||||
</a></li>
|
||||
<li><a>
|
||||
<span class="icon">
|
||||
<i class="fas fa-cog"></i>
|
||||
</span>
|
||||
Settings</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
</div>
|
||||
<div class="column">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -3,7 +3,41 @@
|
|||
}
|
||||
|
||||
@import "../node_modules/bulma/bulma";
|
||||
$fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
|
||||
@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
|
||||
@import "../node_modules/@fortawesome/fontawesome-free/scss/solid";
|
||||
|
||||
body{
|
||||
body {
|
||||
background: lighten($white-bis, 10%);
|
||||
}
|
||||
|
||||
.repo {
|
||||
min-height: calc(100vh - 2.6rem);
|
||||
margin: 0;
|
||||
|
||||
.sidemenu{
|
||||
padding: 0;
|
||||
}
|
||||
.menu {
|
||||
background: $dark;
|
||||
color: $white;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.menu-list a {
|
||||
color: $white;
|
||||
padding: 0.7rem 2rem;
|
||||
transition: all 100ms;
|
||||
border-radius: 0;
|
||||
border-left: 0.3rem solid transparent;
|
||||
|
||||
&:hover{
|
||||
background: darken($dark, 5%);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background: darken($dark, 10%);
|
||||
border-left: 0.3rem solid $light;
|
||||
}
|
||||
}
|
||||
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
14
yarn.lock
14
yarn.lock
|
@ -2,6 +2,11 @@
|
|||
# yarn lockfile v1
|
||||
|
||||
|
||||
"@fortawesome/fontawesome-free@^5.7.1":
|
||||
version "5.7.1"
|
||||
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.7.1.tgz#e4bdc6fd2a7b5a41d5b599bcb62cf22c78f7f535"
|
||||
integrity sha512-gukWJ7Mwf0WXQbkcwcm5zi8+H8aT5MMnphf5hpydOw898H1ibgm2cyejHgk6Km/FTvrPp5ppUHLrlFwt0QxsQw==
|
||||
|
||||
"@gulp-sourcemaps/map-sources@1.X":
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/@gulp-sourcemaps/map-sources/-/map-sources-1.0.0.tgz#890ae7c5d8c877f6d384860215ace9d7ec945bda"
|
||||
|
@ -2118,7 +2123,7 @@ object-assign@^3.0.0:
|
|||
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2"
|
||||
integrity sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I=
|
||||
|
||||
object-assign@^4.0.1, object-assign@^4.1.0:
|
||||
object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
|
||||
version "4.1.1"
|
||||
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
|
||||
integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
|
||||
|
@ -2169,6 +2174,13 @@ object.pick@^1.2.0, object.pick@^1.3.0:
|
|||
dependencies:
|
||||
isobject "^3.0.1"
|
||||
|
||||
octicons@^0.0.0-882a0ed25:
|
||||
version "0.0.0-882a0ed25"
|
||||
resolved "https://registry.yarnpkg.com/octicons/-/octicons-0.0.0-882a0ed25.tgz#a291c57d8658e795d01231ecb3eeac99ea5a05a0"
|
||||
integrity sha512-TDjeyIKBFqxMC7AISXlh9Cfy+cbUUI0u6IxzL+Ha6q5+qI5NGzcYWoeogSacMWJjEqQBQrH7Y5UVI8m+wchQnw==
|
||||
dependencies:
|
||||
object-assign "^4.1.1"
|
||||
|
||||
once@^1.3.0, once@^1.4.0:
|
||||
version "1.4.0"
|
||||
resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
|
||||
|
|
Loading…
Reference in New Issue