Switch border-tertiary and border-secondary

This commit is contained in:
2025-10-06 17:00:33 +02:00
parent e9253a4fe9
commit fce9de162a
14 changed files with 25 additions and 25 deletions
+6 -6
View File
@@ -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?.()}
/>
+1 -1
View File
@@ -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}
+3 -3
View File
@@ -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>
+2 -2
View File
@@ -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>
+1 -1
View File
@@ -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}
+2 -2
View File
@@ -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>
+1 -1
View File
@@ -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",
];
+2 -2
View File
@@ -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}
+1 -1
View File
@@ -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 />
+1 -1
View File
@@ -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 />}
+1 -1
View File
@@ -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 />
+2 -2
View File
@@ -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">
+1 -1
View File
@@ -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 />
+1 -1
View File
@@ -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 />}