Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add divider lines to search list

Browse source
This commit is contained in:
Sam Carlton 2020-09-19 22:05:38 -05:00
parent 898fa94b43
commit 8c6bc1aa88
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
components/search.vue
View file

@ -24,14 +24,15 @@
<div class="search-results py-8"> <div class="search-results py-8">
<ul class="results-container rounded-lg border neumorphic-shadow"> <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 neumorphic-shadow px-5">
<li <li
v-for="(app, i) in results" v-for="(app, i) in results"
:key="`${app.slug}-${i}`" :key="`${app.slug}-${i}`"
> >
<a <a
:href="`/app/${ app.slug }`" :href="`/app/${ app.slug }`"
class="block hover:neumorphic-shadow hover:bg-gradient-to-tr from-darkest to-darker focus:outline-none focus:bg-gray-50 transition duration-300 ease-in-out rounded-lg"> class="block hover:neumorphic-shadow hover:bg-gradient-to-br from-darkest to-dark focus:outline-none focus:bg-gray-50 transition duration-300 ease-in-out rounded-lg -mx-5"
>
<div class="flex items-center px-4 py-4 sm:px-6"> <div class="flex items-center px-4 py-4 sm:px-6">
<div class="min-w-0 flex-1 flex items-center"> <div class="min-w-0 flex-1 flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">