hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

bunch of px -> em, small fixes

Browse source
This commit is contained in:
Henry Jameson 2025-08-14 17:27:13 +03:00
commit 49a98a6fe2
15 changed files with 58 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/settings_modal/tabs/security_tab/mfa.vue
View file

@ -159,10 +159,16 @@
.qr-code {
flex: 1;
padding-right: 10px;
padding-right: 0.7em;
}
.verify {
flex: 1;
}
.error {
margin: 0.3em 0 0;
}
.verify { flex: 1; }
.error { margin: 4px 0 0; }
.confirm-otp-actions {
button {

28
src/components/settings_modal/tabs/theme_tab/theme_preview.vue
View file

@ -21,7 +21,7 @@
</div>
<div class="panel-body theme-preview-content">
<div class="post">
<div class="avatar still-image">
<div class="avatar still-image" aria-hidden="true">
( ͡° ͜ʖ ͡°)
</div>
<div class="content">
@ -71,7 +71,7 @@
</div>
<div class="after-post">
<div class="avatar-alt">
<div class="avatar-alt" aria-hidden="true">
:^)
</div>
<div class="content">
@ -149,7 +149,7 @@ export default {
background-position: 50% 50%;
.theme-preview-content {
padding: 20px;
padding: 1.5em;
}
.dummy {
@ -203,19 +203,21 @@ export default {
.avatar-alt {
flex: 0 auto;
margin-left: 28px;
font-size: 12px;
min-width: 20px;
min-height: 20px;
line-height: 20px;
margin-left: 2em;
font-size: 0.85em;
min-width: 2.2rem;
min-height: 2.2rem;
line-height: 1.5em;
align-content: center;
}
.avatar {
flex: 0 auto;
width: 48px;
height: 48px;
font-size: 14px;
line-height: 48px;
width: 3.5em;
height: 3.5em;
font-size: 1rem;
line-height: 3.5em;
justify-content: center;
}
.actions {
@ -241,7 +243,7 @@ export default {
.underlay-preview {
position: absolute;
inset: 0 10px;
inset: 0 0.9em;
}
}
</style>

4
src/components/settings_modal/tabs/theme_tab/theme_tab.scss
View file

@ -107,7 +107,7 @@
justify-content: space-between;
align-items: baseline;
width: 100%;
min-height: 30px;
min-height: 2.1em;
margin-bottom: 1em;
p {
@ -212,7 +212,7 @@
.theme-color-cl,
.theme-radius-in,
.theme-color-in {
margin-left: 4px;
margin-left: 0.3em;
}
.theme-radius-in {