gitea/nas
1
0
Fork 2
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Adding avatars to profile page and statuses

Browse source
This commit is contained in:
Eugen Rochko 2016-02-28 00:51:05 +01:00
parent 2c70f0ecaa
commit 5ae54f9e36
7 changed files with 80 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
app/assets/images/avatars/missing.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

13
app/assets/stylesheets/application.scss
View file

@ -14,11 +14,24 @@ body {
font-size: 13px;
line-height: 18px;
color: $quaternary-color;
&::before {
display: block;
content: "";
position: absolute;
background: $secondary-color;
width: 100%;
height: 200px;
z-index: -1;
top: 0;
left: 0;
}
}
.container {
width: 800px;
margin: 0 auto;
z-index: 2;
}
.footer {

60
app/assets/stylesheets/profile.scss
View file

@ -1,5 +1,13 @@
.card {
padding-top: 20px;
margin-top: 40px;
display: flex;
background: darken($background-color, 10%);
border-bottom: 1px solid darken($background-color, 15%);
box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);
.bio {
flex-grow: 1;
}
.name {
font-size: 24px;
@ -12,24 +20,18 @@
}
}
.bio {
}
.counter {
display: block;
.avatar {
width: 96px;
float: left;
width: 100px;
text-align: center;
border: 1px solid #A593E0;
color: #A593E0;
border-radius: 5px;
padding: 3px 0;
margin-right: 3px;
margin-right: 10px;
padding: 10px;
margin-top: -30px;
.num {
img {
width: 94px;
height: 94px;
display: block;
font-size: 24px;
border: 2px solid $background-color;
}
}
}
@ -52,11 +54,33 @@
}
}
.entry-container {
display: flex;
}
.avatar {
width: 48px;
padding: 10px;
padding-left: 8px;
padding-right: 0;
padding-top: 12px;
img {
width: 48px;
height: 48px;
display: block;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
}
.container {
flex-grow: 1;
}
.header {
margin-bottom: 10px;
padding: 10px;
padding-bottom: 0;
padding-left: 8px;
.name {
text-decoration: none;
@ -79,6 +103,7 @@
color: $tertiary-color;
padding: 5px 10px;
padding-left: 8px;
clear: both;
.name {
color: $tertiary-color;
@ -112,7 +137,6 @@
cursor: default;
padding: 10px;
padding-top: 0;
padding-left: 8px;
.counter {
display: inline-block;