Merge pull request #13 from sdwalker62/css2

fixes various things
sdwalker62 · May 16, 2024 · e4de7c3 · e4de7c3
2 parents 92ba892 + 9ce3989
commit e4de7c3
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 30 deletions.
diff --git a/frontend/src/lib/assets/icons/DriveIcon.svelte b/frontend/src/lib/assets/icons/DriveIcon.svelte
@@ -3,14 +3,14 @@
 	import tippy from 'tippy.js';
 	export let active = false;
 
-	onMount(() => {
-		tippy('#server', {
-			content: 'Remote Server',
-			placement: 'bottom',
-			theme: 'athena',
-			delay: [400, 0]
-		});
-	})
+	// onMount(() => {
+	// 	tippy('#server', {
+	// 		content: 'Remote Server',
+	// 		placement: 'bottom',
+	// 		theme: 'athena',
+	// 		delay: [400, 0]
+	// 	});
+	// })
 </script>
 
 <svg

diff --git a/frontend/src/lib/assets/icons/LibraryIcon.svelte b/frontend/src/lib/assets/icons/LibraryIcon.svelte
@@ -3,14 +3,14 @@
 	import tippy from 'tippy.js';
 	export let active = false;
 
-	onMount(() => {
-		tippy('#library', {
-			content: 'Documents Library',
-			placement: 'bottom',
-			theme: 'athena',
-			delay: [400, 0]
-		});
-	})
+	// onMount(() => {
+	// 	tippy('#library', {
+	// 		content: 'Documents Library',
+	// 		placement: 'bottom',
+	// 		theme: 'athena',
+	// 		delay: [400, 0]
+	// 	});
+	// })
 </script>
 
 <svg

diff --git a/frontend/src/routes/courses/+page.svelte b/frontend/src/routes/courses/+page.svelte
@@ -41,13 +41,14 @@
 
     video {
         position: absolute;
-        width: 100%;
+        width: 100vw;
         height: 100%;
-        top: 1.4rem;
+        top: 2.5rem;
         left: 0;
-        background-size: cover;
+        // background-size: auto;
         margin: 0;
         padding: 0;
+        object-fit: fill;
         // z-index: -1;
     }
 

diff --git a/frontend/src/routes/courses/deep_learning/+page.svelte b/frontend/src/routes/courses/deep_learning/+page.svelte
@@ -67,8 +67,8 @@
         width: 100%;
         height: 100%;
         background: #0a0a0ad8;
-		backdrop-filter: blur(20px);
-		-webkit-backdrop-filter: blur(20px);
+		backdrop-filter: blur(5px);
+		-webkit-backdrop-filter: blur(5px);
 		border-radius: 1rem;
     }
 
@@ -97,11 +97,15 @@
 
     video {
         position: absolute;
-        width: 100%;
+        width: 100vw;
         height: 100%;
-        background-size: cover;
-        top: 1.4rem;
+        top: 2.5rem;
         left: 0;
+        // background-size: auto;
+        margin: 0;
+        padding: 0;
+        object-fit: fill;
+        // z-index: -1;
     }
 
     p {

diff --git a/frontend/static/css/stylesheet.css b/frontend/static/css/stylesheet.css
@@ -26,24 +26,24 @@
 } */
 
 .tippy-box[data-theme~='athena'] {
-	background-color: var(--menu-background);
-	color: var(--font-4);
+	background-color: var(--background-10);
+	color: var(--font-1);
 	font-family: 'SF Pro';
 	font-weight: 500;
 }
 
 .tippy-box[data-theme~='athena'][data-placement^='top'] > .tippy-arrow::before {
-	border-top-color: var(--menu-background);
+	border-top-color: var(--background-10);
 }
 
 .tippy-box[data-theme~='athena'][data-placement^='bottom'] > .tippy-arrow::before {
-	border-bottom-color: var(--menu-background);
+	border-bottom-color: var(--background-10);
 }
 
 .tippy-box[data-theme~='athena'][data-placement^='left'] > .tippy-arrow::before {
-	border-left-color: var(--menu-background);
+	border-left-color: var(--background-10);
 }
 
 .tippy-box[data-theme~='athena'][data-placement^='right'] > .tippy-arrow::before {
-	border-right-color: var(--menu-background);
+	border-right-color: var(--background-10);
 }