diff --git a/src/components/frame/Folder.vue b/src/components/frame/Folder.vue index ade2070f..d12c5c62 100644 --- a/src/components/frame/Folder.vue +++ b/src/components/frame/Folder.vue @@ -176,6 +176,7 @@ export default class Folder extends Mixins(GlobalMixin, UserConfig) { line-height: 0; position: absolute; padding: 2px; + box-sizing: border-box; @media (max-width: 768px) { padding: 1px; } > .img-outer { diff --git a/src/components/frame/Photo.vue b/src/components/frame/Photo.vue index 2d076cf4..c75939f6 100644 --- a/src/components/frame/Photo.vue +++ b/src/components/frame/Photo.vue @@ -209,6 +209,7 @@ $icon-dist: min(10px, 6%); /* Actual image */ div.img-outer { padding: 2px; + box-sizing: border-box; @media (max-width: 768px) { padding: 1px; } transition: padding 0.1s ease; diff --git a/src/components/frame/Tag.vue b/src/components/frame/Tag.vue index 24189664..29299d78 100644 --- a/src/components/frame/Tag.vue +++ b/src/components/frame/Tag.vue @@ -150,6 +150,7 @@ export default class Tag extends Mixins(GlobalMixin) { line-height: 0; position: absolute; padding: 2px; + box-sizing: border-box; @media (max-width: 768px) { padding: 1px; } > .img-outer { diff --git a/src/components/modal/FaceList.vue b/src/components/modal/FaceList.vue index 27100ccf..e819d553 100644 --- a/src/components/modal/FaceList.vue +++ b/src/components/modal/FaceList.vue @@ -77,8 +77,7 @@ export default class FaceMergeModal extends Mixins(GlobalMixin) { font-size: 0.8em; max-width: 120px; - width: calc(33.33% - 2px); + width: calc(33.33%); aspect-ratio: 1/1; - margin: 1px; } \ No newline at end of file