etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2025-01-06 07:31:12 +00:00
Code Issues Projects Releases Wiki Activity

fixed some visual inconsistencies

Browse source
This commit is contained in:
Nikita Krupin 2022-05-18 00:22:14 -04:00
parent d1aff1ff02
commit 7f51baab60
3 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
NUXT/components/CompactRenderers/compactChannelRenderer.vue
View file

@ -17,12 +17,12 @@
}"
@click="$store.dispatch('channel/fetchChannel', video.channelId)"
>
<div id="details">
<div id="details" class="pa-4">
<a
:href="
this.$rendererUtils.getNavigationEndpoints(video.navigationEndpoint)
"
class="avatar-link pt-2"
class="avatar-link"
>
<v-img
class="avatar-thumbnail"
@ -32,7 +32,7 @@
"
/>
</a>
<v-card-text class="video-info pt-2 pb-0" v-emoji>
<v-card-text class="video-info py-0" v-emoji>
<div
v-for="title in video.title.runs"
:key="title.text"
@ -89,7 +89,6 @@ export default {
}
.avatar-thumbnail {
margin-left: 0.5rem;
border-radius: 50%;
width: 50px;
height: 50px;
@ -99,7 +98,6 @@ export default {
display: flex;
flex-direction: row;
flex-basis: auto;
padding: 10px;
}
@media screen and (orientation: landscape) {

3
NUXT/pages/mods/theme.vue
View file

@ -123,7 +123,7 @@
<v-divider v-if="!$store.state.tweaks.roundTweak" />
<v-card
flat
class="d-flex flex-row justify-between mx-8 mb-8 px-4 background"
class="d-flex flex-row justify-between mx-8 mb-8 px-4 py-3 background"
:class="
$store.state.tweaks.roundTweak > 0
? $vuetify.theme.dark
@ -155,6 +155,7 @@
<v-switch
v-model="$vuetify.theme.dark"
style="pointer-events: none"
class="mt-2"
persistent-hint
inset
/>

17
NUXT/pages/mods/tweaks.vue
View file

@ -85,19 +85,19 @@
<!-- margin: $store.state.tweaks.roundTweak > 0 ? '0 1rem' : '0', -->
<v-card
flat
class="mb-1 px-3 py-1 d-flex flex-row justify-between background"
class="mb-1 px-4 py-2 d-flex flex-row justify-between background"
:class="
roundTweak > 0 ? ($vuetify.theme.dark ? 'lighten-1' : 'darken-1') : ''
"
:style="{
borderRadius: `${roundTweak / 6}rem`,
borderRadius: `${roundTweak / 12}rem`,
}"
@click="
(roundThumb = !roundThumb), $vuetube.haptics.hapticsImpactLight(1)
"
>
<div
class="ml-2 my-auto background--text"
class="my-auto background--text"
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
>
Round Thumbnails
@ -113,19 +113,19 @@
</v-card>
<v-card
flat
class="mb-1 px-3 py-1 d-flex flex-row justify-between background"
class="mb-1 px-4 py-2 d-flex flex-row justify-between background"
:class="
roundTweak > 0 ? ($vuetify.theme.dark ? 'lighten-1' : 'darken-1') : ''
"
:style="{
borderRadius: `${roundTweak / 6}rem`,
borderRadius: `${roundTweak / 12}rem`,
}"
@click="
(roundWatch = !roundWatch), $vuetube.haptics.hapticsImpactLight(1)
"
>
<div
class="ml-2 my-auto background--text"
class="my-auto background--text"
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
>
Round Watch Page Components
@ -141,15 +141,16 @@
</v-card>
<v-slider
v-model="roundTweak"
class="pr-8 pl-6 pt-3 background"
class="pr-4 pl-4 pt-4 pb-1 background"
:max="4"
label="Radius"
step=".25"
thumb-size="64"
:class="
roundTweak > 0 ? ($vuetify.theme.dark ? 'lighten-1' : 'darken-1') : ''
"
:style="{
borderRadius: `${roundTweak / 6}rem`,
borderRadius: `${roundTweak / 12}rem`,
}"
@input="$vuetube.haptics.hapticsImpactLight(0)"
>