Responsive rounded borders

This commit is contained in:
Rihan 2022-05-17 01:03:27 +00:00
parent ca99d7001e
commit 6d271bc7fd
2 changed files with 2 additions and 2 deletions

View File

@ -7,7 +7,7 @@ export interface PaperProps {
export function Paper(props: PaperProps) { export function Paper(props: PaperProps) {
return ( return (
<div className={`bg-denim-200 rounded-xl p-12 ${props.className}`}> <div className={`bg-denim-200 lg:rounded-xl p-12 ${props.className}`}>
{props.children} {props.children}
</div> </div>
) )

View File

@ -14,7 +14,7 @@ export interface VideoPlayerProps {
export function SkeletonVideoPlayer(props: { error?: boolean }) { export function SkeletonVideoPlayer(props: { error?: boolean }) {
return ( return (
<div className="bg-denim-200 flex aspect-video w-full items-center justify-center rounded-xl"> <div className="bg-denim-200 flex aspect-video w-full items-center justify-center lg:rounded-xl">
{props.error ? ( {props.error ? (
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
<IconPatch icon={Icons.WARNING} className="text-red-400" /> <IconPatch icon={Icons.WARNING} className="text-red-400" />