bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add profile media panel

Browse source
This commit is contained in:
Mary Kate 2020-08-14 13:01:12 -05:00
parent 101f519d4b
commit 30983571b1
4 changed files with 49 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/features/ui/components/profile_media_panel.js Normal file
View file

Binary file not shown.

BIN
app/soapbox/pages/profile_page.js
View file

Binary file not shown.

1
app/styles/application.scss
View file

@ -65,6 +65,7 @@
@import 'components/theme-toggle';
@import 'components/trends';
@import 'components/wtf-panel';
@import 'components/profile-media-panel';
@import 'components/profile-info-panel';
@import 'components/setting-toggle';
@import 'components/spoiler-button';

48
app/styles/components/profile-media-panel.scss Normal file
View file

@ -0,0 +1,48 @@
.media-panel {
@include standard-panel-shadow;
display: flex;
width: 100%;
border-radius: 10px;
flex-direction: column;
height: auto;
box-sizing: border-box;
background: var(--foreground-color);
&:first-child {
margin-top: 0;
}
&:not(:last-of-type) {
margin-bottom: 10px;
}
.media-panel-header {
display: flex;
align-items: baseline;
margin-bottom: 10px;
padding: 15px 15px 0;
&__icon {
margin-right: 10px;
}
&__label {
flex: 1 1;
color: var(--primary-text-color);
font-size: 16px;
font-weight: bold;
line-height: 19px;
}
}
&__content {
width: 100%;
padding: 8px 0;
}
&__list {
padding: 0 5px;
display: flex;
flex-wrap: wrap;
}
}