Fix search results mobile styling

This commit is contained in:
Sam Carlton 2020-09-19 22:17:38 -05:00
parent 226c3068b4
commit 328c1a15ea

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="flex flex-col items-center"> <div class="search w-full">
<div class="search-input container relative"> <div class="search-input relative">
<input <input
id="search" id="search"
ref="search" ref="search"
@ -20,7 +20,7 @@
class="search-container relative w-full" class="search-container relative w-full"
> >
<div class="search-wrapper flex justify-center pb-32"> <div class="search-wrapper flex justify-center pb-32">
<div class="search-scroller container w-full relative px-5"> <div class="search-scroller w-full relative">
<div class="search-results py-8"> <div class="search-results py-8">
@ -46,7 +46,7 @@
<div> <div>
<div class="text-sm leading-5 font-light truncate">{{ app.name }}</div> <div class="text-sm leading-5 font-light truncate">{{ app.name }}</div>
<div class="mt-2 flex items-center text-sm leading-5 text-gray-500"> <div class="mt-2 flex items-center text-sm leading-5 text-gray-500">
<span class="truncate">{{ app.text }}</span> <span class="">{{ app.text }}</span>
</div> </div>
</div> </div>
<div class="hidden md:block"> <div class="hidden md:block">