Add bounding round box to video section

QubitPi · Nov 30, 2024 · 74a8698 · 74a8698
1 parent bb24cc7
commit 74a8698
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/App.css b/src/App.css
@@ -24,6 +24,18 @@
 
 .container .playingVideoSection {
   flex: 40%;
+
+  background: white;
+  background: linear-gradient(
+          to right bottom,
+          rgba(255, 255, 255, 0.7),
+          rgba(255, 255, 255, 0.3)
+  );
+  border-radius: 2rem;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .container .playListSection {

diff --git a/src/components/PlayingVideo.css b/src/components/PlayingVideo.css
@@ -13,6 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+.playingVideo {
+    width: 80%;
+}
+
 .playingVideo .title {
     margin-top: 1rem;
 }