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