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

Make mobile scroller larger

old-stable24
Varun Patil 2022-10-20 15:37:36 -07:00
parent c39632b08d
commit c4bcead67f
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ScrollerManager.vue
View File

@ -16,7 +16,7 @@
<span class="cursor hv"
:style="{ transform: `translateY(${hoverCursorY}px)` }">
<div class="text"> {{ hoverCursorText }} </div>
<div class="icon"> <ScrollIcon :size="20" /> </div>
<div class="icon"> <ScrollIcon :size="22" /> </div>
</span>
<div v-for="tick of visibleTicks" :key="tick.key"
@ -398,11 +398,11 @@ export default class ScrollerManager extends Mixins(GlobalMixin) {
@include phone {
&:not(.scrolling) {
.cursor.hv {
left: 12px;
left: 5px;
border: none;
box-shadow: 0 0 5px -3px #000;
height: 30px;
border-radius: 15px;
height: 40px; width: 70px;
border-radius: 20px;
> .text { display: none; }
> .icon { display: block; }
}
@ -468,7 +468,7 @@ export default class ScrollerManager extends Mixins(GlobalMixin) {
> .icon {
display: none;
transform: translate(-4px, 2px);
transform: translate(-16px, 6px);
}
}
}