TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

basic sticky setup for faster navigation

Browse source
This commit is contained in:
J.P. 2024-05-17 01:38:59 +02:00
parent 376032fcee
commit 9b97bb4e8e
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/NavBar.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<nav class="relative w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4"> <nav class="relative w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4 sticky top-0">
<div class="flex flex-1 justify-start"> <div class="flex flex-1 justify-start">
<router-link class="flex items-center text-3xl font-bold font-sans" :to="homePagePath" <router-link class="flex items-center text-3xl font-bold font-sans" :to="homePagePath"
><img ><img
@ -216,7 +216,7 @@ export default {
<style> <style>
.search-container { .search-container {
@apply relative inline-flex items-center; @apply relative inline-flex items-center sticky top-12;
} }
.delete-search { .delete-search {
@apply absolute right-3 cursor-pointer rounded-full bg-[#ccc] w-4 h-4 text-center text-black opacity-50 hover:(opacity-70) text-size-[10px]; @apply absolute right-3 cursor-pointer rounded-full bg-[#ccc] w-4 h-4 text-center text-black opacity-50 hover:(opacity-70) text-size-[10px];