etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

search results and light theme top bar to look more like YouKnowWho

This commit is contained in:
Nikita Krupin 2022-03-21 17:32:59 -04:00
parent 9ac3910aba
commit 223a266b6f
3 changed files with 7 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
NUXT/components/topNavigation.vue
View File

@ -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

3
NUXT/layouts/default.vue
View File

@ -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

6
NUXT/nuxt.config.js
View File

@ -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",
} }
} }