Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

styles(tjs): re-styling the Invite Team widget #1446

Merged
merged 2 commits into from Mar 14, 2024
Merged

styles(tjs): re-styling the Invite Team widget #1446

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2683bc6
styles
DrShpongle Mar 14, 2024
c80186b
add styles
DrShpongle Mar 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 3 additions & 3 deletions apps/testing-javascript/src/styles/team.css
View file
Open in desktop
Expand Up @@ -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 */
Expand All @@ -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;
Expand Down Expand Up @@ -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;
Expand Down