feat: calendar matchings (#173)
* feat: calendar matchings * fix: build * refactor: resolve pr comments * fix: destrucure editorRef --------- Co-authored-by: doprz <52579214+doprz@users.noreply.github.com>
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
import type { SVGProps } from 'react';
|
||||
import React from 'react';
|
||||
|
||||
export function LogoIcon(props: SVGProps<SVGSVGElement>) {
|
||||
export function LogoIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
|
||||
return (
|
||||
<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
|
||||
<circle cx='20' cy='20' r='20' fill='#BF5700' />
|
||||
<circle cx='20' cy='20' r='15.5' stroke='white' strokeWidth='3' />
|
||||
<rect x='18' y='10' width='4' height='19.5489' fill='white' />
|
||||
@@ -11,3 +11,27 @@ export function LogoIcon(props: SVGProps<SVGSVGElement>) {
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
export function SmallLogo(): JSX.Element {
|
||||
return (
|
||||
<div className='flex items-center gap-2'>
|
||||
<LogoIcon />
|
||||
<div className='flex flex-col text-lg font-medium leading-[1em]'>
|
||||
<p className='text-ut-burntorange'>UT Registration</p>
|
||||
<p className='text-ut-orange'>Plus</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function LargeLogo(): JSX.Element {
|
||||
return (
|
||||
<div className='flex items-center gap-2'>
|
||||
<LogoIcon className='h-12 w-12' />
|
||||
<div className='flex flex-col text-[1.35rem] font-medium leading-[1em]'>
|
||||
<p className='text-ut-burntorange'>UT Registration</p>
|
||||
<p className='text-ut-orange'>Plus</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user