aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-13 19:34:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

update: "list an event" btn style

Browse Source
This commit is contained in:
MTG2000
2022-09-12 09:19:16 +03:00
parent 480786d178
commit 6375656ac9
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/Components/Button/Button.tsx
View File

@@ -5,7 +5,7 @@ import { TailSpin } from 'react-loader-spinner';
type Props = {
color?: 'primary' | 'red' | 'white' | 'gray' | "black" | 'none',
variant?: 'fill' | 'outline'
variant?: 'fill' | 'outline' | 'text'
size?: 'sm' | 'md' | 'lg'
children: ReactNode;
href?: string;
@@ -40,7 +40,7 @@ const loadingColor: UnionToObjectKeys<Props, 'color'> = {
const btnStylesOutline: UnionToObjectKeys<Props, 'color'> = {
none: "",
primary: "text-primary-600",
gray: 'text-gray-700',
gray: 'text-gray-600',
white: 'text-gray-900',
black: 'text-black',
red: "text-red-500",
@@ -48,7 +48,8 @@ const btnStylesOutline: UnionToObjectKeys<Props, 'color'> = {
const baseBtnStyles: UnionToObjectKeys<Props, 'variant'> = {
fill: "transition-transform active:scale-95",
outline: "transition-transform bg-gray-900 bg-opacity-0 hover:bg-opacity-5 active:bg-opacity-10 border border-gray-200 active:scale-95 "
outline: "transition-transform bg-gray-900 bg-opacity-0 hover:bg-opacity-5 active:bg-opacity-10 border border-gray-200 active:scale-95 ",
text: "transition-transform active:scale-95 hover:bg-gray-100 active:bg-gray-50"
}

2
src/features/Tournaments/pages/EventsPage/EventsPage.tsx
View File

@@ -15,7 +15,7 @@ export default function EventsPage() {
<div className='pb-42'>
<div className="flex gap-24 justify-between">
<h2 className='text-body1 font-bolder text-gray-900 mb-24'>Events 📆 ({events_count})</h2>
<Button size='sm' href='https://airtable.com/shrjVx8MjLfl8zyXD' color='primary' newTab className='ml-auto'>List an event</Button>
<Button size='sm' variant='text' href='https://airtable.com/shrjVx8MjLfl8zyXD' color='gray' newTab className='ml-auto'>List an event</Button>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-16 lg:gap-24">
<EventsFilters