mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-11-10 02:08:21 +00:00
Fix navbar.
This commit is contained in:
parent
d0c45650de
commit
d9283b2762
@ -127,7 +127,11 @@ b {
|
||||
.dark .input,
|
||||
.dark .select,
|
||||
.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 {
|
||||
|
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<nav class="uk-navbar w-full relative">
|
||||
<div class="uk-navbar-left">
|
||||
<nav class="grid grid-cols-3 px-2 sm:px-4 py-2.5 w-full relative">
|
||||
<div>
|
||||
<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 }]"
|
||||
to="/"
|
||||
><img
|
||||
@ -10,14 +10,14 @@
|
||||
src="/img/icons/logo.svg"
|
||||
height="32"
|
||||
width="32"
|
||||
style="margin-bottom: 6px; margin-right: -13px"
|
||||
class="w-10 mr-[-0.6rem]"
|
||||
/>iped</router-link
|
||||
>
|
||||
</div>
|
||||
<div class="uk-navbar-center uk-flex <md:hidden">
|
||||
<div class="flex justify-center items-center <md:hidden">
|
||||
<input
|
||||
v-model="searchText"
|
||||
class="input uk-width-medium"
|
||||
class="input !w-72 h-10"
|
||||
type="text"
|
||||
role="search"
|
||||
:title="$t('actions.search')"
|
||||
@ -28,8 +28,8 @@
|
||||
@blur="onInputBlur"
|
||||
/>
|
||||
</div>
|
||||
<div class="uk-navbar-right">
|
||||
<ul class="uk-navbar-nav">
|
||||
<div>
|
||||
<ul class="flex float-right text-1xl children:pl-3">
|
||||
<li>
|
||||
<router-link v-t="'titles.preferences'" to="/preferences" />
|
||||
</li>
|
||||
|
@ -3,7 +3,6 @@
|
||||
|
||||
<div v-if="playlist" v-show="!playlist.error">
|
||||
<h1 class="text-center">
|
||||
<img :src="playlist.avatarUrl" height="48" width="48" loading="lazy" />
|
||||
{{ playlist.name }}
|
||||
</h1>
|
||||
|
||||
|
@ -2,7 +2,7 @@
|
||||
<div class="uk-text-secondary">
|
||||
<router-link class="uk-text-emphasis" :to="video.url">
|
||||
<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">{{
|
||||
timeFormat(video.duration)
|
||||
}}</span>
|
||||
|
@ -33,11 +33,11 @@
|
||||
<template v-if="video.likes >= 0">
|
||||
<div>
|
||||
<font-awesome-icon icon="thumbs-up"></font-awesome-icon>
|
||||
<b>{{ addCommas(video.likes) }}</b>
|
||||
<b class="ml-2">{{ addCommas(video.likes) }}</b>
|
||||
</div>
|
||||
<div>
|
||||
<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>
|
||||
</template>
|
||||
<template v-if="video.likes < 0">
|
||||
|
Loading…
Reference in New Issue
Block a user