Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-11-10 02:08:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix navbar.

Browse Source
This commit is contained in:
FireMasterK 2021-12-27 14:46:33 +00:00
parent d0c45650de
commit d9283b2762
No known key found for this signature in database
GPG Key ID: 49451E4482CC5BCD
5 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.vue
View File

@ -127,7 +127,11 @@ b {
.dark .input, .dark .input,
.dark .select, .dark .select,
.dark .btn { .dark .btn {
@apply text-gray-400 bg-dark-400 w-auto; @apply text-gray-400 bg-dark-400 w-auto h-full;
}
.input {
@apply pl-2.5;
} }
.dark hr { .dark hr {

16
src/components/Navigation.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<nav class="uk-navbar w-full relative"> <nav class="grid grid-cols-3 px-2 sm:px-4 py-2.5 w-full relative">
<div class="uk-navbar-left"> <div>
<router-link <router-link
class="uk-navbar-item uk-logo font-bold font-2xl font-sans font-bold" class="flex font-bold text-3xl items-center font-sans font-bold"
:style="[{ colour: foregroundColor }]" :style="[{ colour: foregroundColor }]"
to="/" to="/"
><img ><img
@ -10,14 +10,14 @@
src="/img/icons/logo.svg" src="/img/icons/logo.svg"
height="32" height="32"
width="32" width="32"
style="margin-bottom: 6px; margin-right: -13px" class="w-10 mr-[-0.6rem]"
/>iped</router-link />iped</router-link
> >
</div> </div>
<div class="uk-navbar-center uk-flex <md:hidden"> <div class="flex justify-center items-center <md:hidden">
<input <input
v-model="searchText" v-model="searchText"
class="input uk-width-medium" class="input !w-72 h-10"
type="text" type="text"
role="search" role="search"
:title="$t('actions.search')" :title="$t('actions.search')"
@ -28,8 +28,8 @@
@blur="onInputBlur" @blur="onInputBlur"
/> />
</div> </div>
<div class="uk-navbar-right"> <div>
<ul class="uk-navbar-nav"> <ul class="flex float-right text-1xl children:pl-3">
<li> <li>
<router-link v-t="'titles.preferences'" to="/preferences" /> <router-link v-t="'titles.preferences'" to="/preferences" />
</li> </li>

1
src/components/Playlist.vue
View File

@ -3,7 +3,6 @@
<div v-if="playlist" v-show="!playlist.error"> <div v-if="playlist" v-show="!playlist.error">
<h1 class="text-center"> <h1 class="text-center">
<img :src="playlist.avatarUrl" height="48" width="48" loading="lazy" />
{{ playlist.name }} {{ playlist.name }}
</h1> </h1>

2
src/components/VideoItem.vue
View File

@ -2,7 +2,7 @@
<div class="uk-text-secondary"> <div class="uk-text-secondary">
<router-link class="uk-text-emphasis" :to="video.url"> <router-link class="uk-text-emphasis" :to="video.url">
<img :height="height" :width="width" class="w-full" :src="video.thumbnail" alt="" loading="lazy" /> <img :height="height" :width="width" class="w-full" :src="video.thumbnail" alt="" loading="lazy" />
<div class="relative"> <div class="relative text-sm">
<span v-if="video.duration" class="thumbnail-overlay bottom-5px right-5px" style="padding: 0 5px">{{ <span v-if="video.duration" class="thumbnail-overlay bottom-5px right-5px" style="padding: 0 5px">{{
timeFormat(video.duration) timeFormat(video.duration)
}}</span> }}</span>

4
src/components/WatchVideo.vue
View File

@ -33,11 +33,11 @@
<template v-if="video.likes >= 0"> <template v-if="video.likes >= 0">
<div> <div>
<font-awesome-icon icon="thumbs-up"></font-awesome-icon> <font-awesome-icon icon="thumbs-up"></font-awesome-icon>
<b>{{ addCommas(video.likes) }}</b> <b class="ml-2">{{ addCommas(video.likes) }}</b>
</div> </div>
<div> <div>
<font-awesome-icon icon="thumbs-down"></font-awesome-icon> <font-awesome-icon icon="thumbs-down"></font-awesome-icon>
<b>{{ video.dislikes >= 0 ? addCommas(video.dislikes) : "?" }}</b> <b class="ml-2">{{ video.dislikes >= 0 ? addCommas(video.dislikes) : "?" }}</b>
</div> </div>
</template> </template>
<template v-if="video.likes < 0"> <template v-if="video.likes < 0">