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

folder: improve padding on desktop 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/767/head
Varun Patil 2023-08-04 19:01:45 -07:00
parent 3fec0a94bd
commit 211c5a640e
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/frame/Folder.vue
View File

@ -194,7 +194,6 @@ export default defineComponent({
z-index: 3;
line-height: 0;
position: absolute;
padding: 2px;
box-sizing: border-box;
.preview-container {

5
src/components/top-matter/FolderGrid.vue
View File

@ -35,11 +35,14 @@ export default defineComponent({
<style lang="scss" scoped>
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100% / 3, 180px), 1fr));
padding: 0 5px;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(calc(min(50%, 210px) - 5px), 1fr));
width: calc(100% - 40px); // leave space for scroller
@media (max-width: 768px) {
width: calc(100% - 2px); // compensation for negative margin
grid-gap: 5px;
}
> .item {