RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Push icons together on mobile

pull/162/head
Varun Patil 2022-10-30 14:45:09 -07:00
parent cd289ebef7
commit 07f6a5c713
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/frame/Photo.vue
View File

@ -224,15 +224,15 @@ export default class Photo extends Mixins(GlobalMixin) {
}
// Distance of icon from border
$icon-dist: 8px;
$icon-dist: min(4%, 8px);
$icon-half-size: 5px;
$icon-size: $icon-half-size * 2;
/* Extra icons */
.check-icon.select {
position: absolute;
top: $icon-dist + 2px;
left: $icon-dist + 2px;
top: calc($icon-dist + 2px);
left: calc($icon-dist + 2px);
z-index: 100;
background-color: var(--color-main-background);
border-radius: 50%;
@ -277,7 +277,7 @@ div.img-outer {
transition: padding 0.15s ease;
.p-outer.selected > & {
padding: $icon-dist + $icon-half-size;
padding: calc($icon-dist + $icon-half-size);
}
.p-outer.placeholder > & {