akkoma-fe/src/components/settings_modal/tabs/profile_tab.scss

132 lines
1.9 KiB
SCSS
Raw Normal View History

2020-05-03 14:36:12 +00:00
@import '../../../_variables.scss';
.profile-tab {
.bio {
margin: 0;
}
.visibility-tray {
padding-top: 5px;
}
input[type=file] {
padding: 5px;
height: auto;
}
.banner-background-preview {
2020-05-03 14:36:12 +00:00
max-width: 100%;
width: 300px;
position: relative;
img {
width: 100%;
}
2020-05-03 14:36:12 +00:00
}
.uploading {
font-size: 1.5em;
margin: 0.25em;
}
.name-changer {
width: 100%;
}
.current-avatar-container {
position: relative;
width: 150px;
height: 150px;
2020-05-03 14:36:12 +00:00
}
.current-avatar {
display: block;
width: 100%;
height: 100%;
2020-05-03 14:36:12 +00:00
border-radius: $fallback--avatarRadius;
border-radius: var(--avatarRadius, $fallback--avatarRadius);
}
.reset-button {
position: absolute;
top: 0.2em;
right: 0.2em;
border-radius: $fallback--tooltipRadius;
border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
background-color: rgba(0, 0, 0, 0.6);
opacity: 0.7;
width: 1.5em;
height: 1.5em;
text-align: center;
line-height: 1.5em;
font-size: 1.5em;
cursor: pointer;
2022-03-29 16:12:57 +00:00
&:hover {
opacity: 1;
}
2022-03-29 16:12:57 +00:00
svg {
color: white;
}
}
2020-05-03 14:36:12 +00:00
.oauth-tokens {
width: 100%;
th {
text-align: left;
}
.actions {
text-align: right;
}
}
&-usersearch-wrapper {
padding: 1em;
}
&-bulk-actions {
text-align: right;
padding: 0 1em;
2022-04-20 20:22:51 +00:00
min-height: 2em;
2020-05-03 14:36:12 +00:00
button {
width: 10em;
}
}
&-domain-mute-form {
padding: 1em;
display: flex;
flex-direction: column;
button {
align-self: flex-end;
margin-top: 1em;
width: 10em;
}
}
.setting-subitem {
margin-left: 1.75em;
}
2020-06-09 18:24:55 +00:00
.profile-fields {
display: flex;
& > .emoji-input {
2020-06-09 18:24:55 +00:00
flex: 1 1 auto;
margin: 0 0.2em 0.5em;
min-width: 0;
2020-06-09 18:24:55 +00:00
}
2021-01-22 10:06:39 +00:00
.delete-field {
2020-06-09 18:24:55 +00:00
width: 20px;
2020-10-20 21:01:28 +00:00
align-self: center;
margin: 0 0.2em 0.5em;
padding: 0 0.5em;
2020-06-09 18:24:55 +00:00
}
}
2020-05-03 14:36:12 +00:00
}