DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: match calendar designs & add functionality (#176)

Browse Source 
* feat: match calendar designs

* refactor: update breakpoints
This commit is contained in:
Razboy20
2024-03-18 10:06:23 -05:00
committed by GitHub
parent dc77cc27da
commit 8027c3d1bf
14 changed files with 132 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/components/common/LogoIcon.tsx
View File

@@ -1,3 +1,4 @@
import clsx from 'clsx';
import type { SVGProps } from 'react';
import React from 'react';
@@ -12,24 +13,24 @@ export function LogoIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
);
}
export function SmallLogo(): JSX.Element {
export function SmallLogo({ className }: { className?: string }): JSX.Element {
return (
<div className='flex items-center gap-2'>
<div className={clsx('flex items-center gap-2', className)}>
<LogoIcon />
<div className='flex flex-col text-lg font-medium leading-[1em]'>
<p className='text-ut-burntorange'>UT Registration</p>
<p className='text-nowrap text-ut-burntorange'>UT Registration</p>
<p className='text-ut-orange'>Plus</p>
</div>
</div>
);
}
export function LargeLogo(): JSX.Element {
export function LargeLogo({ className }: { className?: string }): JSX.Element {
return (
<div className='flex items-center gap-2'>
<div className={clsx('flex items-center gap-2', className)}>
<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>
<div className='hidden flex-col text-[1.35rem] font-medium leading-[1em] md:flex'>
<p className='text-nowrap text-ut-burntorange'>UT Registration</p>
<p className='text-ut-orange'>Plus</p>
</div>
</div>