ngn/safetwitch
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Activity

UI Centering fixes (i finally read a flexbox guide :3) #67

Browse Source
This commit is contained in:
dragongoose
2023-11-27 19:38:20 -05:00
parent 0bce68762d
commit f213b2dbb5
3 changed files with 9 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/HomepageView.vue
View File

@ -117,27 +117,16 @@ export default {
<div class="relative">
<label for="searchBar" class="hidden">{{ $t('main.search') }}</label>
<v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon>
<input
type="text"
id="searchBar"
name="searchBar"
:placeholder="$t('main.search')"
v-model="filterTags"
@keypress="filterSearches(filterTags)"
@keyup="filterSearches(filterTags)"
class="rounded-md p-1 pl-8 placeholder:text-white"
/>
<input type="text" id="searchBar" name="searchBar" :placeholder="$t('main.search')" v-model="filterTags"
@keypress="filterSearches(filterTags)" @keyup="filterSearches(filterTags)"
class="rounded-md p-1 pl-8 placeholder:text-white" />
</div>
</div>
</div>
<ul ref="categoryList">
<li
v-for="category in data"
:key="category.name"
ref="categoryItem"
class="inline-flex m-2 hover:scale-105 transition-transform"
>
<ul ref="categoryList" class="flex flex-wrap justify-evenly">
<li v-for="category in data" :key="category.name" ref="categoryItem"
class="m-2 hover:scale-105 transition-transform">
<category-preview :category-data="category"></category-preview>
</li>
</ul>