Refactoring Grape API methods into normal controllers & other things
This commit is contained in:
39
app/assets/stylesheets/accounts.scss
Normal file
39
app/assets/stylesheets/accounts.scss
Normal file
@ -0,0 +1,39 @@
|
||||
.card {
|
||||
display: flex;
|
||||
background: $primary-color;
|
||||
box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
.bio {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 20px;
|
||||
line-height: 18px * 1.5;
|
||||
color: $quaternary-color;
|
||||
|
||||
small {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: $quaternary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 96px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
padding: 10px;
|
||||
padding-right: 0;
|
||||
padding-left: 9px;
|
||||
margin-top: -30px;
|
||||
|
||||
img {
|
||||
width: 94px;
|
||||
height: 94px;
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
@ -1,3 +1,3 @@
|
||||
// Place all the styles related to the Atom controller here.
|
||||
// Place all the styles related to the API::Salmon controller here.
|
||||
// They will automatically be included in application.css.
|
||||
// You can use Sass (SCSS) here: http://sass-lang.com/
|
@ -1,3 +1,3 @@
|
||||
// Place all the styles related to the XRD controller here.
|
||||
// Place all the styles related to the API::Subscriptions controller here.
|
||||
// They will automatically be included in application.css.
|
||||
// You can use Sass (SCSS) here: http://sass-lang.com/
|
@ -20,7 +20,7 @@ body {
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 800px;
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
margin-top: 40px;
|
||||
}
|
||||
@ -40,4 +40,5 @@ body {
|
||||
|
||||
|
||||
@import 'home';
|
||||
@import 'profile';
|
||||
@import 'accounts';
|
||||
@import 'stream_entries';
|
||||
|
@ -1,59 +1,32 @@
|
||||
.card {
|
||||
display: flex;
|
||||
background: $darker-background-color;
|
||||
border: 1px solid darken($darker-background-color, 15%);
|
||||
box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
.bio {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 24px;
|
||||
line-height: 18px * 1.5;
|
||||
color: $text-color;
|
||||
|
||||
small {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: $lighter-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 96px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
padding: 10px;
|
||||
padding-left: 9px;
|
||||
margin-top: -30px;
|
||||
|
||||
img {
|
||||
width: 94px;
|
||||
height: 94px;
|
||||
display: block;
|
||||
border: 2px solid $lighter-text-color;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.activity-stream {
|
||||
clear: both;
|
||||
box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
.entry {
|
||||
border-bottom: 1px solid darken($background-color, 10%);
|
||||
border-bottom: 1px solid $darker-background-color;
|
||||
background: $background-color;
|
||||
border-left: 2px solid $primary-color;
|
||||
|
||||
&.entry-reblog {
|
||||
border-left: 2px solid $tertiary-color;
|
||||
|
||||
.content {
|
||||
a {
|
||||
color: $tertiary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.entry-predecessor, &.entry-successor {
|
||||
border-left: 2px solid $lighter-text-color;
|
||||
background: darken($background-color, 5%);
|
||||
|
||||
.content {
|
||||
a {
|
||||
color: $lighter-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.entry-follow, &.entry-favourite {
|
||||
@ -92,9 +65,10 @@
|
||||
}
|
||||
|
||||
.header {
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px;
|
||||
padding-bottom: 0;
|
||||
padding-left: 8px;
|
||||
|
||||
.name {
|
||||
text-decoration: none;
|
||||
@ -113,7 +87,7 @@
|
||||
}
|
||||
|
||||
.pre-header {
|
||||
border-bottom: 1px solid darken($background-color, 10%);
|
||||
border-bottom: 1px solid darken($background-color, 5%);
|
||||
color: $tertiary-color;
|
||||
padding: 5px 10px;
|
||||
padding-left: 8px;
|
||||
@ -131,9 +105,10 @@
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
padding: 0 10px;
|
||||
padding-left: 8px;
|
||||
padding-bottom: 25px;
|
||||
|
||||
a {
|
||||
color: $primary-color;
|
||||
@ -153,24 +128,4 @@
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.counters {
|
||||
margin-top: 15px;
|
||||
color: $lighter-text-color;
|
||||
cursor: default;
|
||||
padding: 10px;
|
||||
padding-top: 0;
|
||||
|
||||
.counter {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
color: $lighter-text-color;
|
||||
}
|
||||
|
||||
.conversation-link {
|
||||
color: $primary-color;
|
||||
text-decoration: underline;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user