etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

scaling tweaxes

This commit is contained in:
Nikita Krupin 2022-05-29 18:14:00 -04:00
parent 9d426ff9cf
commit a5ef3b33cd
11 changed files with 43 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
NUXT/components/Comments/commentThreadRenderer.vue
View File

@ -10,7 +10,7 @@
text
to="/channel"
class="avatar-link mr-4"
style="height: 3rem; width: 3rem"
style="height: 35px; width: 35px"
@click.prevent="
$store.dispatch(
'channel/fetchChannel',
@ -117,8 +117,8 @@
.avatar-thumbnail {
border-radius: 50%;
width: 48px;
height: 48px;
width: 35px;
height: 35px;
}
.comment-content {

8
NUXT/components/Player/captions.vue
View File

@ -1,5 +1,11 @@
<template>
<v-btn disabled fab text style="position: absolute; top: 0; right: 3.5rem">
<v-btn
fab
text
small
disabled
style="position: absolute; top: 0.25rem; right: 3rem"
>
<v-icon>mdi-closed-caption-outline</v-icon>
</v-btn>
</template>

3
NUXT/components/Player/close.vue
View File

@ -3,7 +3,8 @@
<v-btn
fab
text
style="position: absolute; top: 0; right: 0"
small
style="position: absolute; top: 0.25rem; right: 0.25rem"
to="/home"
color="white"
>

3
NUXT/components/Player/fullscreen.vue
View File

@ -2,8 +2,9 @@
<v-btn
fab
text
small
color="white"
style="position: absolute; bottom: 0.25rem; right: 0.5rem"
style="position: absolute; bottom: 0.25rem; right: 0.25rem"
@click.stop="$emit('fullscreen')"
>
<v-icon>{{ fullscreen ? "mdi-fullscreen-exit" : "mdi-fullscreen" }}</v-icon>

16
NUXT/components/Player/index.vue
View File

@ -30,31 +30,29 @@
v-if="isFullscreen && controls"
style="
position: absolute;
width: calc(100% - 13.5rem);
left: 3.5rem;
top: 1rem;
width: calc(100% - 12rem);
left: 3rem;
top: 0.5rem;
"
>
<h3>{{ video.title }}</h3>
<div style="color: #aaa">{{ video.channelName }}</div>
<h4>{{ video.title }}</h4>
<div style="color: #aaa; font-size: 0.75rem">{{ video.channelName }}</div>
</div>
<!-- <v-btn
v-if="controls"
text
tile
style="position: absolute; top: 0; left: 0; width: 50%; height: 100%"
@click.stop="$refs.player.currentTime -= $refs.player.duration / 10"
@dblclick.stop="$refs.player.currentTime -= $refs.player.duration / 10"
>
<v-icon>mdi-rewind</v-icon>
</v-btn>
<v-btn
v-if="controls"
text
tile
style="position: absolute; top: 0; left: 50%; width: 50%; height: 100%"
@click.stop="$refs.player.currentTime += $refs.player.duration / 10"
@dblclick.stop="$refs.player.currentTime += $refs.player.duration / 10"
>
<v-icon>mdi-fast-forward</v-icon>
</v-btn> -->

8
NUXT/components/Player/loop.vue
View File

@ -1,5 +1,11 @@
<template>
<v-btn fab text disabled style="position: absolute; top: 0; right: 7rem">
<v-btn
fab
text
small
disabled
style="position: absolute; top: 0.25rem; right: 6rem"
>
<v-icon>mdi-sync</v-icon>
</v-btn>
</template>

8
NUXT/components/Player/minimize.vue
View File

@ -1,5 +1,11 @@
<template>
<v-btn fab text disabled style="position: absolute; top: 0; left: 0">
<v-btn
fab
text
small
disabled
style="position: absolute; top: 0.25rem; left: 0.25rem"
>
<v-icon>mdi-chevron-down</v-icon>
</v-btn>
</template>

3
NUXT/components/Player/quality.vue
View File

@ -9,7 +9,8 @@
<v-btn
fab
text
style="position: absolute; bottom: 0.25rem; right: 4rem"
small
style="position: absolute; bottom: 0.25rem; right: 3rem"
v-bind="attrs"
v-on="on"
>

4
NUXT/components/Player/seekbar.vue
View File

@ -19,7 +19,7 @@
height="3"
:style="
fullscreen
? 'width: calc(100% - 3rem); left: 1.5rem; position: absolute; bottom: 3.75rem;'
? 'width: calc(100% - 2rem); left: 1rem; position: absolute; bottom: 3rem;'
: 'width: 100%'
"
/>
@ -34,7 +34,7 @@
style="position: absolute; z-index: 2"
:style="
fullscreen
? 'width: calc(100% - 3rem); left: 1.5rem; bottom: 3.75rem;'
? 'width: calc(100% - 2rem); left: 1rem; bottom: 3rem;'
: 'width: calc(100% - 0.8rem); left: 0.4rem; bottom: 0;'
"
:thumb-size="0"

3
NUXT/components/Player/speed.vue
View File

@ -9,7 +9,8 @@
<v-btn
fab
text
style="position: absolute; bottom: 0.25rem; right: 7.5rem"
small
style="position: absolute; bottom: 0.25rem; right: 6rem"
v-bind="attrs"
v-on="on"
>

4
NUXT/components/Player/watchtime.vue
View File

@ -2,8 +2,8 @@
<div
style="
color: #fff;
left: 1.5rem;
bottom: 1.5rem;
left: 1rem;
bottom: 1rem;
font-size: 0.75rem;
position: absolute;
"