mirror of https://github.com/VueTubeApp/VueTube
search results and light theme top bar to look more like YouKnowWho
This commit is contained in:
parent
9ac3910aba
commit
223a266b6f
|
@ -1,18 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<v-card
|
<v-card
|
||||||
style="height: 4rem !important; display: flex; box-shadow: none !important"
|
style="height: 4rem !important; display: flex; box-shadow: none !important"
|
||||||
color="accent white--text"
|
color="accent2"
|
||||||
class="topNav rounded-0 pa-3"
|
class="topNav rounded-0 pa-3"
|
||||||
>
|
>
|
||||||
<h3 class="my-auto ml-4" v-text="page" v-show="!search" />
|
<h3 class="my-auto ml-4" v-text="page" v-show="!search" />
|
||||||
|
|
||||||
<v-btn
|
<v-btn icon v-if="search" class="mr-3 my-auto" @click="$emit('close-search')">
|
||||||
icon
|
|
||||||
v-if="search"
|
|
||||||
color="white"
|
|
||||||
class="mr-3 my-auto"
|
|
||||||
@click="$emit('close-search')"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-close</v-icon>
|
<v-icon>mdi-close</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
||||||
|
@ -24,7 +18,6 @@
|
||||||
v-model="text"
|
v-model="text"
|
||||||
@input="$emit('text-changed', text)"
|
@input="$emit('text-changed', text)"
|
||||||
class="searchBar"
|
class="searchBar"
|
||||||
color="white"
|
|
||||||
v-if="search"
|
v-if="search"
|
||||||
v-on:keyup.enter="$emit('search-btn', text)"
|
v-on:keyup.enter="$emit('search-btn', text)"
|
||||||
/>
|
/>
|
||||||
|
@ -36,7 +29,6 @@
|
||||||
tile
|
tile
|
||||||
class="ml-3 my-auto fill-height"
|
class="ml-3 my-auto fill-height"
|
||||||
style="border-radius: 0.25rem !important"
|
style="border-radius: 0.25rem !important"
|
||||||
color="white"
|
|
||||||
@click="$emit('search-btn', text)"
|
@click="$emit('search-btn', text)"
|
||||||
><v-icon>mdi-magnify</v-icon></v-btn
|
><v-icon>mdi-magnify</v-icon></v-btn
|
||||||
>
|
>
|
||||||
|
@ -45,7 +37,6 @@
|
||||||
tile
|
tile
|
||||||
class="ml-4 mr-2 my-auto fill-height"
|
class="ml-4 mr-2 my-auto fill-height"
|
||||||
style="border-radius: 0.25rem !important"
|
style="border-radius: 0.25rem !important"
|
||||||
color="white"
|
|
||||||
v-show="!search"
|
v-show="!search"
|
||||||
to="/settings"
|
to="/settings"
|
||||||
><v-icon>mdi-dots-vertical</v-icon></v-btn
|
><v-icon>mdi-dots-vertical</v-icon></v-btn
|
||||||
|
|
|
@ -37,7 +37,7 @@
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-show="search"
|
v-show="search"
|
||||||
class="background"
|
class="accent2"
|
||||||
style="
|
style="
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -49,6 +49,7 @@
|
||||||
<div class="scroll-y" style="height: 100%">
|
<div class="scroll-y" style="height: 100%">
|
||||||
<div style="min-width: 180px" v-if="search">
|
<div style="min-width: 180px" v-if="search">
|
||||||
<v-list-item v-for="(item, index) in response" :key="index">
|
<v-list-item v-for="(item, index) in response" :key="index">
|
||||||
|
<v-icon>mdi-magnify</v-icon>
|
||||||
<v-btn
|
<v-btn
|
||||||
text
|
text
|
||||||
dense
|
dense
|
||||||
|
|
|
@ -69,9 +69,9 @@ export default {
|
||||||
dark: {
|
dark: {
|
||||||
primary: colors.red.darken2, //colors.blue.darken2
|
primary: colors.red.darken2, //colors.blue.darken2
|
||||||
primaryAlt: "#533",
|
primaryAlt: "#533",
|
||||||
accent: "#333333",
|
accent: "#222",
|
||||||
accent2: "#333333",
|
accent2: "#222",
|
||||||
background: "#222",
|
background: "#333",
|
||||||
info: "#fff",
|
info: "#fff",
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue