css

client/src/css/App.css

@@ -10,6 +10,11 @@ header {
 .navlink {
   margin-left: 10px;
   margin-right: 10px;
+  color: rgb(0, 0, 0)
+}
+
+.navlink.active {
+  color: #493f41
 }
 
 .background {
@@ -29,3 +34,15 @@ header {
   text-align: center;
   /* padding: 10px; */
 }
+
+.logout-btn {
+  font-size: calc(10px + 1vmin);
+  /* margin-left: 1vw; */
+  position: relative;
+  left: 5%;
+}
+
+.user-controls {
+  position: relative;
+  left: 20%;
+}

client/src/css/Media.css

@@ -3,6 +3,7 @@
     flex-wrap: wrap; */
     /* height: 100%; */
     height: inherit;
+    width: inherit;
     /* background-color: red; */
 }
 
@@ -21,7 +22,7 @@
     width: 90%;
     margin: auto;
     margin-bottom: 15px;
-    box-shadow: 5px 5px 5px rgb(68, 68, 68);
+    /* box-shadow: 5px 5px 5px rgb(68, 68, 68); */
     border-radius: 10px;
     vertical-align: middle;
 }
@@ -68,7 +69,7 @@
     -ms-transform: translate(-50%, 0%);
     transform: translate(-50%, 0%);
     border-radius: 10px;
-    box-shadow: 5px 5px 5px rgb(68, 68, 68);
+    /* box-shadow: 5px 5px 5px rgb(68, 68, 68); */
     max-height: 25vh;
     max-width: 50vw;
 }
@@ -78,7 +79,7 @@
 }
 
 .video-popup {
-    background-color: #889577;
+    background-color: #252525;
     position: absolute;
     top: 5vh;
     left: 5vw;
@@ -87,6 +88,8 @@
     z-index: 2;
     display: flex;
     flex-direction: column;
+    border-radius: 10px;
+    color: rgb(219, 219, 219);
 }
 
 .video-player {

client/src/css/Panel.css

@@ -1,17 +1,4 @@
-.uploadform {
+.panel {
-    align-items: center;
+    height: inherit;
-}
+    width: inherit;
-
-td {
-    background-color: orange;
-    width: 15vw;
-}
-
-table {
-    margin: auto;
-    padding: 10px
-}
-
-#name {
-    width: 14vw;
 }

client/src/css/Upload.css

@@ -0,0 +1,17 @@
+.uploadform {
+    align-items: center;
+}
+
+td {
+    background-color: orange;
+    width: 15vw;
+}
+
+table {
+    margin: auto;
+    padding: 10px
+}
+
+#name {
+    width: 14vw;
+}

client/src/css/index.css

@@ -26,6 +26,7 @@ code {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
+  height: inherit;
 }
 
 .no-margin {
@@ -47,3 +48,7 @@ code {
 ::-webkit-scrollbar-thumb {
   background: #3b3b3b;
 }
+
+.shadow {
+  box-shadow: 5px 5px 5px rgb(68,68,68);
+}