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

explore, app: move around some padding 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/672/head
Varun Patil 2023-05-21 19:00:04 -07:00
parent 5147e919fe
commit 488d638c72
4 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/App.vue
View File

@ -429,11 +429,6 @@ export default defineComponent({
@media (max-width: 768px) {
.outer {
padding: 0px;
// Get rid of padding on img-outer (1px on mobile)
// Also need to make sure we don't end up with a scrollbar -- see below
margin-left: -1px;
width: calc(100% + 3px); // 1px extra here because ... reasons
}
}
</style>

4
src/components/ClusterHList.vue
View File

@ -49,7 +49,7 @@ export default defineComponent({
width: 100%;
> .title {
padding: 4px 18px 8px 16px;
padding: 4px 16px 8px 14px;
display: flex;
> .name {
@ -69,7 +69,7 @@ export default defineComponent({
width: 100%;
overflow-x: auto;
white-space: nowrap;
padding: 0 8px;
padding: 0 6px;
> .item {
display: inline-block;

6
src/components/Explore.vue
View File

@ -179,12 +179,12 @@ export default defineComponent({
padding-top: 8px;
.link-list {
padding: 8px 10px;
padding: 6px 7px;
> .link {
display: inline-block;
width: calc(50% - 5px);
margin: 0 5px 8px 0;
width: calc(50% - 4px);
margin: 3px 2px;
border-radius: 10px;
}
}

7
src/components/Timeline.vue
View File

@ -1301,6 +1301,13 @@ export default defineComponent({
user-select: none;
-webkit-user-select: none; // iOS Safari is a horrible browser
position: relative;
@media (max-width: 768px) {
// Get rid of padding on img-outer (1px on mobile)
// Also need to make sure we don't end up with a scrollbar -- see below
margin-left: -1px;
width: calc(100% + 2px);
}
}
.recycler {