chrome ui fixesg

This commit is contained in:
MuslemRahimi 2024-06-04 17:48:45 +02:00
parent f03a44815a
commit adee131b8f
7 changed files with 8 additions and 9 deletions

View File

@ -6,7 +6,7 @@ export let color = '#202020'
</script> </script>
{#if data?.user?.tier !== 'Pro'} {#if data?.user?.tier !== 'Pro'}
<div class="px-5 sm:px-0 shadow-lg"> <div class="px-5 sm:px-0 shadow-lg ">
<div class="sm:rounded-lg bg-[{color}] pl-10 pr-10 pb-10 pt-5 w-full h-full m-auto -mt-5 relative"> <div class="sm:rounded-lg bg-[{color}] pl-10 pr-10 pb-10 pt-5 w-full h-full m-auto -mt-5 relative">
<h3 class="text-white font-bold text-xl sm:text-2xl text-center"> <h3 class="text-white font-bold text-xl sm:text-2xl text-center">

View File

@ -134,7 +134,7 @@ $: {
<div class="w-screen sm:w-full m-auto mt-16"> <div class="w-screen sm:w-full m-auto mt-16">
<div class="w-screen sm:w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll"> <div class="w-screen sm:w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll sm:overflow-hidden">
<table class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F] m-auto"> <table class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F] m-auto">
<thead> <thead>
<tr class="bg-[#0F0F0F] border-b border-blue-400"> <tr class="bg-[#0F0F0F] border-b border-blue-400">

View File

@ -143,7 +143,7 @@
<div class="w-screen sm:w-full m-auto mt-10"> <div class="w-screen sm:w-full m-auto mt-10">
<div class="w-screen sm:w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll"> <div class="w-screen sm:w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll sm:overflow-hidden">
<table class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F] m-auto"> <table class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F] m-auto">
<thead> <thead>
<tr class="bg-[#0F0F0F] border-b border-blue-400"> <tr class="bg-[#0F0F0F] border-b border-blue-400">

View File

@ -678,8 +678,8 @@ onDestroy(async () => {
<div class=" w-full {$screenWidth < 640 ? 'overflow-auto scrollbar no-scrollbar' : ''} " > <div class="w-full" >
<ul class="w-full font-medium flex flex-row items-center bg-[#0F0F0F] overflow-x-scroll space-x-5 rtl:space-x-reverse py-2"> <ul class="w-full font-medium flex flex-row items-center bg-[#0F0F0F] space-x-5 rtl:space-x-reverse py-2">
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
<label on:click={() => changeTab('post')} class="cursor-pointer px-3 text-sm sm:text-[0.9rem] font-medium text-gray-400 sm:hover:text-white {showTab === 'post' ? 'text-white ' : 'bg-[#0F0F0F]'}" > <label on:click={() => changeTab('post')} class="cursor-pointer px-3 text-sm sm:text-[0.9rem] font-medium text-gray-400 sm:hover:text-white {showTab === 'post' ? 'text-white ' : 'bg-[#0F0F0F]'}" >
Posts Posts

View File

@ -374,7 +374,7 @@ onMount(async () => {
<div class=" w-full " > <div class=" w-full " >
<ul class="w-full font-medium flex flex-row items-center bg-[#0F0F0F] overflow-x-scroll space-x-5 rtl:space-x-reverse py-2"> <ul class="w-full font-medium flex flex-row items-center bg-[#0F0F0F] space-x-5 rtl:space-x-reverse py-2">
<li class="cursor-pointer flex flex-col items-center"> <li class="cursor-pointer flex flex-col items-center">
<label class="cursor-pointer px-3 text-sm sm:text-[0.9rem] font-medium text-gray-400 sm:hover:text-white {showTab === 'post' ? 'text-white ' : 'bg-[#0F0F0F]'}" > <label class="cursor-pointer px-3 text-sm sm:text-[0.9rem] font-medium text-gray-400 sm:hover:text-white {showTab === 'post' ? 'text-white ' : 'bg-[#0F0F0F]'}" >
Posts Posts

View File

@ -594,7 +594,7 @@
</div> </div>
{:else} {:else}
<div class="w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll"> <div class="w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll sm:overflow-hidden">
<table class="table table-sm sm:table-md table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F] m-auto"> <table class="table table-sm sm:table-md table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F] m-auto">
<thead> <thead>
<tr class="bg-[#0F0F0F] border-b border-blue-400"> <tr class="bg-[#0F0F0F] border-b border-blue-400">

View File

@ -387,7 +387,7 @@ async function purchasePlan() {
</div> </div>
</details> </details>
<hr class="border-gray-800"/>
<details class="collapse collapse-arrow bg-[#131313]"> <details class="collapse collapse-arrow bg-[#131313]">
<summary class="collapse-title text-lg font-semibold">What is your refund policy?</summary> <summary class="collapse-title text-lg font-semibold">What is your refund policy?</summary>
<div class="collapse-content"> <div class="collapse-content">
@ -404,7 +404,6 @@ async function purchasePlan() {
<div class="collapse-content"> <div class="collapse-content">
<p> <p>
You can send an email directly to <a href={`mailto:${emailAddress}`} class="text-blue-400 underline">{emailAddress}</a>. You can send an email directly to <a href={`mailto:${emailAddress}`} class="text-blue-400 underline">{emailAddress}</a>.
You can also join us in <a href={discordURL} rel="noopener noreferrer" target="_blank" class="text-blue-400 underline">Discord</a> and chat with me (Creator) directly.
</p> </p>
</div> </div>
</details> </details>