Merge pull request #123 from acmauth/minorChanges

Implemented minor changes
acmauth · Mar 10, 2024 · a028d1a · a028d1a
2 parents 8597e55 + fa8b8b2
commit a028d1a
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 13 deletions.
diff --git a/src/lib/components/grades/chips.svelte b/src/lib/components/grades/chips.svelte
@@ -57,7 +57,7 @@
         white-space: nowrap;
         padding-left: 1rem;
         padding-right: 1rem;
-        background-color: white;
+        background-color: #FBFBF9;
         &::-webkit-scrollbar {
             display: none;
         };  

diff --git a/src/lib/components/grades/statsCard.svelte b/src/lib/components/grades/statsCard.svelte
@@ -150,7 +150,7 @@
 
 </script>
 
-<ion-card class="ion-text-center ion-padding-vertical stats">
+<ion-card class="ion-text-center stats">
 	<ion-card-header>
 		<ion-card-subtitle>
 			<h2 class="subtitle">Περασμένα μαθήματα</h2>
@@ -231,6 +231,7 @@
 	.subtitle {
 		color: var(--app-color-primary-dark);
 		font-weight: medium;
+		margin: 0.5rem;
 	}
 
 

diff --git a/src/lib/components/shared/chip.svelte b/src/lib/components/shared/chip.svelte
@@ -44,7 +44,7 @@ ion-icon {
 	background-color: rgba(236, 242, 252, 1);	
 	color: var(--app-color-primary-dark);
 	font-weight: 700;
-	box-shadow: var(--shadow-short-md);
+	box-shadow: var(--shadow-sm);
 
 }
 </style>
diff --git a/src/routes/pages/homepage/+page.svelte b/src/routes/pages/homepage/+page.svelte
@@ -95,9 +95,7 @@
 		{#await getInfo()}
 			<HomepageSkeleton />
 		{:then}
-			<AnnouncementBanner>
-				<!-- svelte-ignore a11y-click-events-have-key-events -->
-				<!-- svelte-ignore a11y-no-static-element-interactions -->
+			<!-- <AnnouncementBanner>
 				<ion-text
 					color="light"
 					on:click={() => {
@@ -108,7 +106,7 @@
 					<ion-label>Early Access Beta - Η γνώμη σου μετράει!</ion-label>
 					<ion-icon icon={open} />
 				</ion-text>
-			</AnnouncementBanner>
+			</AnnouncementBanner> -->
 			<div class="info-container">
 				<!-- svelte-ignore a11y-click-events-have-key-events -->
 				<!-- svelte-ignore a11y-no-static-element-interactions -->

diff --git a/src/routes/pages/schedule/+page.svelte b/src/routes/pages/schedule/+page.svelte
@@ -78,7 +78,7 @@
             {/each}
     </div>
 
-    <div use:swipe={{ timeframe: 300, minSwipeDistance: 100, touchAction: 'pan-y' }} on:swipe={handler} style="width:500px;height:500px;border:1px;">
+    <div use:swipe={{ timeframe: 300, minSwipeDistance: 100, touchAction: 'pan-y' }} on:swipe={handler} style="width:auto;height:80%;border:1px;">
         <ion-grid style="padding: 0%">
             {#each currentClasses as courseClass}
                 <ClassCard classItem={courseClass} />
@@ -106,7 +106,7 @@
 
     ion-segment {
         margin-top: 5px;
-        --background: #fff;
+        /* --background: #fff; */
     }
 
     .custom-center-label {

diff --git a/src/theme/variables.css b/src/theme/variables.css
@@ -92,18 +92,40 @@
 
 
   --shadow-xl: 0px -2px 40.6px -1px rgba(0, 0, 0, 0.10), 0px -4px 18px -1px rgba(0, 0, 0, 0.06);
-  --shadow-sm: 0px -4px 18px -1px rgba(0, 0, 0, 0.06);
+  --shadow-sm: 0px 4px 18px -1px rgba(0, 0, 0, 0.06);
   --shadow-md: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   --shadow-short: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
   --shadow-short-md: rgba(0, 0, 0, 0.1) 0px 4px 12px;
+  --shadow-complicated:
+      0px 1.2px 1.1px -11px rgba(0, 0, 0, 0.016),
+      0px 3.4px 3.1px -11px rgba(0, 0, 0, 0.025),
+      0px 8.1px 7.5px -11px rgba(0, 0, 0, 0.035),
+      0px 27px 25px -11px rgba(0, 0, 0, 0.07)
+    ;
+
 
   ion-card {
     border-radius: 1rem !important;
     border: 0.1rem solid #EBEBEB;
-    box-shadow: var(--shadow-short-md);
+    /* box-shadow: var(--shadow-short-md); */
+    box-shadow: var(--shadow-sm);
     /* margin: 0 !important; */
   }
 
+  --ion-background-color: #FBFBF9;
+  /* --ion-tab-bar-color: #999999; */
+  --ion-toolbar-background: #FBFBF9;
+  --ion-tab-bar-color-selected: var(--app-color-primary-dark);
+  --ion-tab-bar-background: #FBFBF9;
+
+  ion-card {
+    --background: white;
+  }
+
+  ion-list {
+    background-color: white !important;
+  }
+
   ion-searchbar {
     --border-radius: 1rem !important;
     --box-shadow: var(--shadow-sm);
@@ -119,9 +141,9 @@
     /* --color: inherit !important; */
   }
 
-  .tab-selected {
+  /* .tab-selected {
     color: var(--app-color-primary-dark) !important;
-  }
+  } */
 
   ion-progress-bar {
     --progress-background: var(--app-color-primary-dark);