mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-02-22 14:54:38 +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