ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2024-11-15 04:35:57 +05:30
Code Issues Packages Projects Releases Wiki Activity

Мелкие правки по адаптиву профиля

Browse Source
This commit is contained in:
ErickSkrauch 2016-05-26 18:08:00 +03:00
parent 4fdb045f24
commit 16bf1421b9
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/profile/profile.scss
View File

@ -1,18 +1,19 @@
@import '~components/ui/fonts.scss'; @import '~components/ui/fonts.scss';
@import '~components/ui/colors.scss'; @import '~components/ui/colors.scss';
$formColumnWidth: 416px;
.indexContent { .indexContent {
display: flex; display: flex;
} }
.formColumn { .formColumn {
flex-grow: 1; width: $formColumnWidth;
max-width: 416px; min-width: $formColumnWidth; // Чтобы flex не ужимал блок, несмотря на фикс ширину выше
border-bottom: 10px solid #ddd8ce; border-bottom: 10px solid #ddd8ce;
} }
.descriptionColumn { .descriptionColumn {
width: 340px;
padding: 12px 20px 0 0; padding: 12px 20px 0 0;
box-sizing: border-box; box-sizing: border-box;
} }
@ -113,11 +114,17 @@
.descriptionColumn { .descriptionColumn {
width: 100%; width: 100%;
max-width: 416px; max-width: $formColumnWidth;
padding: 0; padding: 0;
margin-bottom: 10px; margin-bottom: 10px;
} }
.formColumn {
min-width: 0;
width: auto;
max-width: $formColumnWidth;
}
.indexDescription { .indexDescription {
text-align: center; text-align: center;
} }

4
src/pages/profile/profile.scss
View File

@ -1,5 +1,5 @@
.container { .container {
margin-top: 55px; margin: 55px 10px 10px;
} }
.footer { .footer {
@ -12,6 +12,6 @@
@media (max-width: 720px) { @media (max-width: 720px) {
.container { .container {
margin: 20px 10px 10px; margin-top: 20px;
} }
} }