mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-11-30 02:32:58 +05:30
Мелкие правки по адаптиву профиля
This commit is contained in:
parent
4fdb045f24
commit
16bf1421b9
@ -1,18 +1,19 @@
|
||||
@import '~components/ui/fonts.scss';
|
||||
@import '~components/ui/colors.scss';
|
||||
|
||||
$formColumnWidth: 416px;
|
||||
|
||||
.indexContent {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.formColumn {
|
||||
flex-grow: 1;
|
||||
max-width: 416px;
|
||||
width: $formColumnWidth;
|
||||
min-width: $formColumnWidth; // Чтобы flex не ужимал блок, несмотря на фикс ширину выше
|
||||
border-bottom: 10px solid #ddd8ce;
|
||||
}
|
||||
|
||||
.descriptionColumn {
|
||||
width: 340px;
|
||||
padding: 12px 20px 0 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@ -113,11 +114,17 @@
|
||||
|
||||
.descriptionColumn {
|
||||
width: 100%;
|
||||
max-width: 416px;
|
||||
max-width: $formColumnWidth;
|
||||
padding: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.formColumn {
|
||||
min-width: 0;
|
||||
width: auto;
|
||||
max-width: $formColumnWidth;
|
||||
}
|
||||
|
||||
.indexDescription {
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -1,5 +1,5 @@
|
||||
.container {
|
||||
margin-top: 55px;
|
||||
margin: 55px 10px 10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
@ -12,6 +12,6 @@
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.container {
|
||||
margin: 20px 10px 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user