From 2683bc68966ac5925963694e24a68d382ab6a837 Mon Sep 17 00:00:00 2001 From: Yevhen Nahalskyi Date: Thu, 14 Mar 2024 21:04:53 +0100 Subject: [PATCH 1/2] styles --- apps/testing-javascript/src/styles/team.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/testing-javascript/src/styles/team.css b/apps/testing-javascript/src/styles/team.css index c322799ee..ab961fd36 100644 --- a/apps/testing-javascript/src/styles/team.css +++ b/apps/testing-javascript/src/styles/team.css @@ -19,7 +19,7 @@ /* Shared form component */ [data-invite-team] { - @apply flex flex-col rounded-lg border border-gray-700/30 bg-gray-800 p-5 shadow-xl shadow-black/10; + @apply flex flex-col rounded-lg border border-gray-100 bg-transparent p-5 shadow-xl shadow-gray-400/5; [data-title] { @apply py-3; /* 3 seats left */ From c80186b3710d3e94fa99db3642ac62c0e665c373 Mon Sep 17 00:00:00 2001 From: Yevhen Nahalskyi Date: Thu, 14 Mar 2024 22:00:00 +0100 Subject: [PATCH 2/2] add styles --- apps/testing-javascript/src/styles/team.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/testing-javascript/src/styles/team.css b/apps/testing-javascript/src/styles/team.css index ab961fd36..e7ef458ed 100644 --- a/apps/testing-javascript/src/styles/team.css +++ b/apps/testing-javascript/src/styles/team.css @@ -34,7 +34,7 @@ } } [data-redeem] { - @apply mt-5 flex flex-col items-center gap-3 border-t border-gray-700/60 pt-5 sm:mt-8 sm:flex-row sm:justify-between; + @apply mt-5 flex flex-col items-center gap-3 border-t border-gray-100 pt-5 sm:mt-8 sm:flex-row sm:justify-between; [data-title] { /* Or get access yourself */ @apply flex items-center gap-1 font-semibold; @@ -62,7 +62,7 @@ /* Self redeem button */ [data-self-redeem-button] { - @apply rounded-md border border-cyan-500 px-4 py-2 font-medium text-cyan-400 transition hover:bg-cyan-600/20; + @apply flex shrink-0 items-center gap-1 rounded-md px-5 py-2 text-lg font-semibold text-white transition hover:bg-indigo-700 ml-3 bg-indigo-600; } [data-self-redeem-button][disabled] { @apply cursor-not-allowed opacity-30;