mirror of
https://github.com/jellyfin/jellyfin-vue.git
synced 2024-11-30 09:40:46 +00:00
chore: fix styles
This commit is contained in:
Fernando Fernández
parent
ed0861233b
commit
93e5a6bb39
1
.npmrc
1
.npmrc
@ -1,3 +1,4 @@
|
||||
fund=false
|
||||
lockfile-version=3
|
||||
save-exact=true
|
||||
registry=https://registry.npmjs.org/
|
||||
|
||||
@ -10,14 +10,7 @@
|
||||
<user-image v-if="$auth.user" :user="$auth.user" />
|
||||
<h1
|
||||
v-if="$auth.user"
|
||||
class="
|
||||
flex-grow-1
|
||||
font-weight-light
|
||||
ml-3
|
||||
pb-1
|
||||
text-truncate
|
||||
user-select-none
|
||||
"
|
||||
class="flex-grow-1 font-weight-light ml-3 pb-1 text-truncate user-select-none"
|
||||
>
|
||||
{{ $auth.user.Name }}
|
||||
</h1>
|
||||
|
||||
@ -8,13 +8,7 @@
|
||||
<!-- CARD -->
|
||||
<div :class="shape || cardType" class="elevation-2">
|
||||
<div
|
||||
class="
|
||||
card-content card-content-button
|
||||
d-flex
|
||||
justify-center
|
||||
align-center
|
||||
darken-4
|
||||
"
|
||||
class="card-content card-content-button d-flex justify-center align-center darken-4"
|
||||
>
|
||||
<blurhash-image
|
||||
:item="item"
|
||||
|
||||
@ -21,12 +21,7 @@
|
||||
<div class="slide-content">
|
||||
<v-container
|
||||
fill-height
|
||||
class="
|
||||
mx-md-10
|
||||
mt-md-5
|
||||
py-md-4
|
||||
align-end align-sm-center align-md-start
|
||||
"
|
||||
class="mx-md-10 mt-md-5 py-md-4 align-end align-sm-center align-md-start"
|
||||
>
|
||||
<v-row>
|
||||
<v-col cols="12" sm="8" md="6" xl="5" class="py-0 py-md-4">
|
||||
|
||||
@ -6,15 +6,7 @@
|
||||
<div class="slide-content">
|
||||
<v-container
|
||||
fill-height
|
||||
class="
|
||||
mx-md-10
|
||||
mt-md-5 mt-10
|
||||
py-0 py-md-4
|
||||
align-start
|
||||
justify-center
|
||||
text-center text-md-left
|
||||
justify-md-start
|
||||
"
|
||||
class="mx-md-10 mt-md-5 mt-10 py-0 py-md-4 align-start justify-center text-center text-md-left justify-md-start"
|
||||
>
|
||||
<v-col cols="12" sm="8" md="6" xl="5" class="py-0 py-md-4">
|
||||
<p
|
||||
|
||||
@ -40,14 +40,7 @@
|
||||
</v-btn>
|
||||
</div>
|
||||
<div
|
||||
class="
|
||||
absolute-cover
|
||||
pointer-events-none
|
||||
d-flex
|
||||
flex-row
|
||||
justify-center
|
||||
align-center
|
||||
"
|
||||
class="absolute-cover pointer-events-none d-flex flex-row justify-center align-center"
|
||||
>
|
||||
<v-btn
|
||||
class="pointer-events-all"
|
||||
@ -89,13 +82,7 @@
|
||||
absolute
|
||||
>
|
||||
<div
|
||||
class="
|
||||
d-flex
|
||||
flex-column
|
||||
justify-space-between
|
||||
align-center
|
||||
player-overlay
|
||||
"
|
||||
class="d-flex flex-column justify-space-between align-center player-overlay"
|
||||
>
|
||||
<div class="osd-top pt-s pl-s pr-s">
|
||||
<div class="d-flex align-center py-2 px-4">
|
||||
@ -116,39 +103,23 @@
|
||||
<div class="pa-4">
|
||||
<time-slider />
|
||||
<div
|
||||
class="
|
||||
controls-wrapper
|
||||
d-flex
|
||||
align-stretch
|
||||
justify-space-between
|
||||
"
|
||||
class="controls-wrapper d-flex align-stretch justify-space-between"
|
||||
>
|
||||
<div
|
||||
v-if="$vuetify.breakpoint.mdAndUp"
|
||||
class="
|
||||
d-flex
|
||||
flex-column
|
||||
align-start
|
||||
justify-center
|
||||
mr-auto
|
||||
video-title
|
||||
"
|
||||
class="d-flex flex-column align-start justify-center mr-auto video-title"
|
||||
>
|
||||
<template v-if="getCurrentItem.Type === 'Episode'">
|
||||
<span class="mt-1 text-subtitle-1 text-truncate">
|
||||
{{ getCurrentItem.Name }}
|
||||
</span>
|
||||
<span
|
||||
class="
|
||||
text-subtitle-2 text--secondary text-truncate
|
||||
"
|
||||
class="text-subtitle-2 text--secondary text-truncate"
|
||||
>
|
||||
{{ getCurrentItem.SeriesName }}
|
||||
</span>
|
||||
<span
|
||||
class="
|
||||
text-subtitle-2 text--secondary text-truncate
|
||||
"
|
||||
class="text-subtitle-2 text--secondary text-truncate"
|
||||
>
|
||||
{{
|
||||
$t('seasonEpisode', {
|
||||
@ -164,12 +135,7 @@
|
||||
</template>
|
||||
</div>
|
||||
<div
|
||||
class="
|
||||
d-flex
|
||||
player-controls
|
||||
align-center
|
||||
justify-start justify-md-center
|
||||
"
|
||||
class="d-flex player-controls align-center justify-start justify-md-center"
|
||||
>
|
||||
<v-btn icon class="mx-1" @click="setPreviousTrack">
|
||||
<v-icon> mdi-skip-previous </v-icon>
|
||||
|
||||
@ -18,11 +18,7 @@
|
||||
<v-row justify="d-flex flex-column">
|
||||
<div class="ml-sm-4 d-flex flex-column">
|
||||
<div
|
||||
class="
|
||||
text-subtitle-1 text--secondary
|
||||
font-weight-medium
|
||||
text-capitalize
|
||||
"
|
||||
class="text-subtitle-1 text--secondary font-weight-medium text-capitalize"
|
||||
>
|
||||
{{ $t('artist') }}
|
||||
</div>
|
||||
@ -67,10 +63,7 @@
|
||||
</v-col>
|
||||
<v-col class="py-2">
|
||||
<div
|
||||
class="
|
||||
text-subtitle-1 text--secondary
|
||||
font-weight-medium
|
||||
"
|
||||
class="text-subtitle-1 text--secondary font-weight-medium"
|
||||
>
|
||||
{{ album.ProductionYear }}
|
||||
</div>
|
||||
|
||||
@ -18,11 +18,7 @@
|
||||
<v-row justify="d-flex flex-column">
|
||||
<div class="ml-sm-4 d-flex flex-column">
|
||||
<div
|
||||
class="
|
||||
text-subtitle-1 text--secondary
|
||||
font-weight-medium
|
||||
text-capitalize
|
||||
"
|
||||
class="text-subtitle-1 text--secondary font-weight-medium text-capitalize"
|
||||
>
|
||||
{{ $t('item.person.person') }}
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user