ui enhancement
This commit is contained in:
parent
16341a2d7a
commit
add2ff31ea
@ -9,7 +9,7 @@
|
|||||||
<!-- List container -->
|
<!-- List container -->
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<!-- Item -->
|
<!-- Item -->
|
||||||
<div class="border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
|
<div class="sm:border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
|
||||||
<div class="flex h-14 sm:h-16 justify-start items-center">
|
<div class="flex h-14 sm:h-16 justify-start items-center">
|
||||||
<div class="ml-2 sm:ml-3 avatar relative">
|
<div class="ml-2 sm:ml-3 avatar relative">
|
||||||
<div class="w-8 sm:w-10 rounded-full">
|
<div class="w-8 sm:w-10 rounded-full">
|
||||||
|
|||||||
@ -310,7 +310,7 @@ $: {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full bg-[#202020] border sm:hover:border-slate-600 border-gray-700 rounded-none sm:rounded-lg">
|
<div class="w-full bg-[#202020] border-t border-b sm:border sm:hover:border-slate-600 border-gray-700 rounded-none sm:rounded-lg">
|
||||||
<!-- List container -->
|
<!-- List container -->
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<!-- Item -->
|
<!-- Item -->
|
||||||
|
|||||||
@ -422,7 +422,7 @@ $: {
|
|||||||
<!-- List container -->
|
<!-- List container -->
|
||||||
<div class="flex flex-col mt-4">
|
<div class="flex flex-col mt-4">
|
||||||
<!-- Item -->
|
<!-- Item -->
|
||||||
<div class="border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
|
<div class="border-t border-b sm:border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
|
||||||
<div class="flex h-14 justify-start items-center">
|
<div class="flex h-14 justify-start items-center">
|
||||||
<div class="flex flex-row ml-3">
|
<div class="flex flex-row ml-3">
|
||||||
<label on:click={() => handleCategoryOfPosts('hot')} class="flex flex-row w-fit pl-3 pr-4 pt-1 pb-1 tab mr-2 font-medium transition duration-150 ease-out hover:ease-in rounded-full hover:bg-[#333333] {sortingPosts === 'hot' ? 'bg-[#333333] text-white' : 'text-gray-300'} rounded-full cursor-pointer">
|
<label on:click={() => handleCategoryOfPosts('hot')} class="flex flex-row w-fit pl-3 pr-4 pt-1 pb-1 tab mr-2 font-medium transition duration-150 ease-out hover:ease-in rounded-full hover:bg-[#333333] {sortingPosts === 'hot' ? 'bg-[#333333] text-white' : 'text-gray-300'} rounded-full cursor-pointer">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user