muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

made first good profile layout

Browse source
This commit is contained in:
Fedor Katurov 2025-01-27 15:05:56 +07:00
parent 42f8f96e34
commit 1d0ecc54a9
4 changed files with 144 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/layouts/ProfileLayout/styles.module.scss
View file

@ -1,17 +1,29 @@
@import 'src/styles/variables';
.wrap {
display: grid;
grid-template-columns: auto;
grid-column-gap: $gap;
@include flow_container();
margin-top: $page_top_offset;
}
.description {
grid-column: 2 / -3;
grid-row: 1 / 4;
height: 100%;
font: $font_14_medium;
overflow: auto;
height: 100%;
}
.grid {
grid-template-columns: 250px 5fr;
display: grid;
column-gap: $gap;
row-gap: $gap;
@include flow_grid();
@include flow_breakpoint(4);
@include flow_breakpoint(3);
@include flow_breakpoint(2) {
.left {
grid-column: 1 / -1;
}
}
}
.row {
@ -19,20 +31,7 @@
height: 100%;
}
.description {
font: $font_14_semibold;
}
.stamp {
grid-row-end: span 2;
}
.nodes {
@include flow_grid();
}
.content {
display: flex;
flex-direction: column;
gap: $gap;
.left {
grid-row-start: 1;
grid-row-end: span 3;
}