Switch border-tertiary and border-secondary
This commit is contained in:
@@ -220,7 +220,7 @@
|
||||
<button
|
||||
type="button"
|
||||
onclick={() => (showFilters = !showFilters)}
|
||||
class="border-tertiary text-tertiary relative inline-flex cursor-pointer items-center gap-2 rounded-3xl border px-6 py-4 font-bold text-nowrap"
|
||||
class="border-secondary text-tertiary relative inline-flex cursor-pointer items-center gap-2 rounded-3xl border px-6 py-4 font-bold text-nowrap"
|
||||
>
|
||||
<span class="relative">
|
||||
<FiltersIcon />
|
||||
@@ -243,7 +243,7 @@
|
||||
<form onsubmit={handleSubmit} class="flex flex-col gap-6">
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<select
|
||||
class="border-tertiary w-full rounded-lg border p-4"
|
||||
class="border-secondary w-full rounded-lg border p-4"
|
||||
bind:value={selectedPaymentMethod}
|
||||
>
|
||||
<option value="" disabled selected
|
||||
@@ -255,7 +255,7 @@
|
||||
</select>
|
||||
|
||||
<select
|
||||
class="border-tertiary w-full rounded-lg border p-4"
|
||||
class="border-secondary w-full rounded-lg border p-4"
|
||||
bind:value={selectedChargeStatus}
|
||||
>
|
||||
<option value="" disabled
|
||||
@@ -267,7 +267,7 @@
|
||||
</select>
|
||||
|
||||
<select
|
||||
class="border-tertiary w-full rounded-lg border p-4"
|
||||
class="border-secondary w-full rounded-lg border p-4"
|
||||
bind:value={selectedRangeAmount}
|
||||
>
|
||||
<option value="" disabled
|
||||
@@ -287,7 +287,7 @@
|
||||
type="date"
|
||||
bind:value={dateFrom}
|
||||
onclick={(e) => (e.currentTarget as HTMLInputElement).showPicker?.()}
|
||||
class="border-tertiary w-full rounded-lg border p-4 pt-4"
|
||||
class="border-secondary w-full rounded-lg border p-4 pt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -298,7 +298,7 @@
|
||||
<input
|
||||
id="dateTo"
|
||||
type="date"
|
||||
class="border-tertiary w-full rounded-lg border p-4 pt-4"
|
||||
class="border-secondary w-full rounded-lg border p-4 pt-4"
|
||||
bind:value={dateTo}
|
||||
onclick={(e) => (e.currentTarget as HTMLInputElement).showPicker?.()}
|
||||
/>
|
||||
|
||||
@@ -100,7 +100,7 @@
|
||||
oninput={(e) =>
|
||||
handleInput(e.target instanceof HTMLInputElement ? e.target.value : "")}
|
||||
placeholder={$t("contributions.filters.search.placeholder")}
|
||||
class="border-tertiary w-full rounded-3xl border p-4"
|
||||
class="border-secondary w-full rounded-3xl border p-4"
|
||||
minlength="4"
|
||||
/>
|
||||
{#if query}
|
||||
|
||||
@@ -512,7 +512,7 @@
|
||||
</p>
|
||||
<select
|
||||
bind:value={selectedSort}
|
||||
class="border-tertiary text-tertiary min-w-[200px] rounded-sm py-1"
|
||||
class="border-secondary text-tertiary min-w-[200px] rounded-sm py-1"
|
||||
disabled={isLoading}
|
||||
>
|
||||
{#each sortOptions as option}
|
||||
@@ -528,7 +528,7 @@
|
||||
<select
|
||||
name="itemsPerPage"
|
||||
id="itemsPerPage"
|
||||
class="border-tertiary text-tertiary rounded-sm py-1"
|
||||
class="border-secondary text-tertiary rounded-sm py-1"
|
||||
bind:value={itemsPerPage}
|
||||
disabled={isLoading}
|
||||
>
|
||||
@@ -610,7 +610,7 @@
|
||||
</TableBodyCell>
|
||||
<TableBodyCell class="border-t border-b border-[#E6E5F7]">
|
||||
<button
|
||||
class="border-secondary text-secondary flex items-center gap-1 rounded border px-3 py-1 text-base font-medium"
|
||||
class="border-tertiary text-secondary flex items-center gap-1 rounded border px-3 py-1 text-base font-medium"
|
||||
>
|
||||
{$t(`contributions.table.rows.status.${charge.status}`)}
|
||||
</button>
|
||||
|
||||
@@ -25,11 +25,11 @@
|
||||
</script>
|
||||
|
||||
<div class="flex w-auto gap-2">
|
||||
<div class="border-secondary flex items-center gap-2 rounded-sm border px-2 py-1">
|
||||
<div class="border-tertiary flex items-center gap-2 rounded-sm border px-2 py-1">
|
||||
<BookmarkIcon />
|
||||
{$t(`categories.${project.category}`)}
|
||||
</div>
|
||||
<div class="border-secondary flex items-center gap-2 rounded-sm border px-2 py-1">
|
||||
<div class="border-tertiary flex items-center gap-2 rounded-sm border px-2 py-1">
|
||||
<MapIcon />{displayName(project.territory)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -32,7 +32,7 @@ const blogPost = {
|
||||
<div class="flex">
|
||||
<a
|
||||
href={blogPost.href}
|
||||
class="group border-tertiary hover:bg-tertiary flex items-center justify-center gap-2 rounded-3xl border px-6 py-4 transition-all duration-200"
|
||||
class="group border-secondary hover:bg-tertiary flex items-center justify-center gap-2 rounded-3xl border px-6 py-4 transition-all duration-200"
|
||||
>
|
||||
<span class="text-tertiary text-base font-bold group-hover:text-white">
|
||||
{blogPost.buttonText}
|
||||
|
||||
@@ -57,7 +57,7 @@ const { t } = Astro.locals;
|
||||
<!-- Button -->
|
||||
<a
|
||||
href="https://stats.goteo.org"
|
||||
class="border-tertiary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
|
||||
class="border-secondary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
|
||||
>
|
||||
{t("home.stats.theoryToAction.button")}
|
||||
</a>
|
||||
@@ -116,7 +116,7 @@ const { t } = Astro.locals;
|
||||
<!-- Button -->
|
||||
<a
|
||||
href="/about"
|
||||
class="border-tertiary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
|
||||
class="border-secondary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
|
||||
>
|
||||
{t("home.stats.whyGoteo.button")}
|
||||
</a>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
const baseStyle = [
|
||||
"peer",
|
||||
"w-full p-4",
|
||||
"bg-light-surface rounded-md border border-tertiary",
|
||||
"bg-light-surface rounded-md border border-secondary",
|
||||
"text-base text-gray-700 placeholder-gray-400",
|
||||
"focus:ring-1 focus:ring-tertiary focus:outline-none",
|
||||
];
|
||||
|
||||
@@ -39,11 +39,11 @@
|
||||
>
|
||||
<div class="flex w-full items-center justify-end">
|
||||
{#if hasReached(project.budget?.optimum?.money)}
|
||||
<span class="border-tertiary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
|
||||
<span class="border-secondary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
|
||||
{$t("campaignProgress.optimumReached")}
|
||||
</span>
|
||||
{:else if hasReached(project.budget?.minimum?.money)}
|
||||
<span class="border-tertiary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
|
||||
<span class="border-secondary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
|
||||
{$t("campaignProgress.minimumReached")}
|
||||
</span>
|
||||
{/if}
|
||||
|
||||
@@ -29,7 +29,7 @@ const accountingIdPlatoniq = Number(getPlatoniqAccountingId() || 0);
|
||||
<Cart client:load {defaultCurrency} {accountingIdPlatoniq} />
|
||||
</div>
|
||||
<div
|
||||
class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
>
|
||||
<Summary client:load {defaultCurrency} {accountingIdPlatoniq} />
|
||||
<Steps step={1} client:load />
|
||||
|
||||
@@ -54,7 +54,7 @@ itemCount.subscribe((count) => {
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
>
|
||||
{hasCart && <Summary client:load />}
|
||||
{hasCart && <Steps step={2} client:load />}
|
||||
|
||||
@@ -51,7 +51,7 @@ const { data: paymentGateways } = await apiGatewaysGetCollection();
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
>
|
||||
<Summary client:load {defaultCurrency} />
|
||||
<Steps step={3} client:load />
|
||||
|
||||
@@ -88,7 +88,7 @@ try {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
|
||||
<div class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
|
||||
<Summary client:load hasError={!!error} {defaultCurrency} {amount} />
|
||||
<Steps client:load step={4} hasError={!!error} />
|
||||
<div class="flex flex-col gap-4 px-6 pt-0 pb-6">
|
||||
@@ -124,7 +124,7 @@ try {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
|
||||
<div class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
|
||||
<Summary client:load {defaultCurrency} {amount} />
|
||||
<Steps step={4} client:load />
|
||||
<div class="flex flex-col gap-4 px-6 pt-0 pb-6">
|
||||
|
||||
@@ -43,7 +43,7 @@ const { data: accounting } = await apiAccountingsIdGet({
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
>
|
||||
<Summary client:load {defaultCurrency} />
|
||||
<Steps step={3} client:load />
|
||||
|
||||
@@ -57,7 +57,7 @@ itemCount.subscribe((count) => {
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
|
||||
>
|
||||
{hasCart && <Summary client:load />}
|
||||
{hasCart && <Steps step={2} client:load />}
|
||||
|
||||
Reference in New Issue
Block a user