mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-02-22 23:03:00 +08:00
Add connected account styling
This commit is contained in:
parent
c8cf47823b
commit
f2539b052f
1 changed files with 36 additions and 0 deletions
36
app/assets/stylesheets/settings/connected_accounts.scss
Normal file
36
app/assets/stylesheets/settings/connected_accounts.scss
Normal file
|
@ -0,0 +1,36 @@
|
||||||
|
.connected-account {
|
||||||
|
border: $border-default;
|
||||||
|
border-radius: $border-radius-default;
|
||||||
|
display: flex;
|
||||||
|
padding: 16px;
|
||||||
|
|
||||||
|
.left-block {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
@include font-h3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
flex-basis: 100%;
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
color: $brand-success;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-block {
|
||||||
|
align-items: flex-end;
|
||||||
|
display: flex;
|
||||||
|
flex-basis: 150px;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-shrink: 0;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue