From 6d271bc7fd714e36493ad6454fe6f57847ef5891 Mon Sep 17 00:00:00 2001
From: Rihan <me@file.properties>
Date: Tue, 17 May 2022 01:03:27 +0000
Subject: [PATCH] Responsive rounded borders

---
 src/components/layout/Paper.tsx      | 2 +-
 src/components/media/VideoPlayer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Paper.tsx b/src/components/layout/Paper.tsx
index 8659e97f..2504844f 100644
--- a/src/components/layout/Paper.tsx
+++ b/src/components/layout/Paper.tsx
@@ -7,7 +7,7 @@ export interface PaperProps {
 
 export function Paper(props: PaperProps) {
   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}
     </div>
   )
diff --git a/src/components/media/VideoPlayer.tsx b/src/components/media/VideoPlayer.tsx
index 28a7ff6b..c625ea1c 100644
--- a/src/components/media/VideoPlayer.tsx
+++ b/src/components/media/VideoPlayer.tsx
@@ -14,7 +14,7 @@ export interface VideoPlayerProps {
 
 export function SkeletonVideoPlayer(props: { error?: boolean }) {
   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 ? (
         <div className="flex flex-col items-center">
           <IconPatch icon={Icons.WARNING} className="text-red-400" />