layout fixes

calibro · Oct 16, 2024 · 2c7eead · 2c7eead
1 parent 3fb11a5
commit 2c7eead
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 12 deletions.
diff --git a/src/app.scss b/src/app.scss
@@ -79,4 +79,8 @@ body {
 
 body {
     overflow-x: hidden;
+}
+
+h1 {
+    font-size: 3rem;
 }
diff --git a/src/lib/components/BlurredButton.svelte b/src/lib/components/BlurredButton.svelte
@@ -2,7 +2,10 @@
 	const { text, color, onClick, classes } = $props();
 </script>
 
-<button class="{classes || ''} btn btn-blur rounded-pill px-3 py-1" onclick={onClick}>{text}</button
+<button
+	style="font-weight:500;"
+	class="{classes || ''} btn btn-blur rounded-pill px-3 py-1"
+	onclick={onClick}>{text}</button
 >
 
 <style>

diff --git a/src/lib/components/BlurredIconButton.svelte b/src/lib/components/BlurredIconButton.svelte
@@ -5,7 +5,7 @@
 <button
 	class="{classes ||
 		''} btn btn-blur rounded-circle d-flex justify-content-center align-items-center"
-	style="width: 35px; height: 35px;"
+	style="width: 35px; height: 35px; font-weight: 500;"
 	{disabled}
 	onclick={onClick}
 >

diff --git a/src/lib/components/DataProject.svelte b/src/lib/components/DataProject.svelte
@@ -136,16 +136,16 @@
 		<div class="row">
 			<div class="col-md-3 offset-md-3 col-sm-12">
 				<div>
-					<h5 class="text-uppercase mb-1">{project.titolo}</h5>
+					<h6 style="font-weight: 500;" class="text-uppercase mb-1">{project.titolo}</h6>
 					{#if project.studenti && project.studenti.length > 1}
-						<p style="margin-bottom: 10px;" class="fs-5">Progetto collettivo</p>
+						<p style="margin-bottom: 10px;" class="fs-6">Progetto collettivo</p>
 					{:else if project.studenti}
 						{#each project.studenti as student}
-							<p style="margin-bottom: 10px;" class="fs-5">{student.nome} {student.cognome}</p>
+							<p style="margin-bottom: 10px;" class="fs-6">{student.nome} {student.cognome}</p>
 						{/each}
 					{/if}
 				</div>
-				<p class="fs-5 text-secondary mt-0">{project.tipologia}</p>
+				<p class="fs-6 text-secondary mt-0">{project.tipologia}</p>
 			</div>
 			<div class="col-md-6 col-sm-12">
 				<div class="d-flex flex-column align-items-start h-100">
@@ -175,7 +175,7 @@
 			<div class="modal-dialog modal-dialog-centered" style="z-index: 1050;">
 				<div class="modal-content">
 					<div
-						class="modal-header px-0 d-flex {isVideo
+						class="modal-header px-1 d-flex {isVideo
 							? 'justify-content-end'
 							: 'justify-content-between'} align-items-center border-0"
 						style={!isVideo ? 'width:calc(100vh - 200px); align-self:center; max-width: 100%' : ''}

diff --git a/src/routes/gruppi/[slug]/+page.svelte b/src/routes/gruppi/[slug]/+page.svelte
@@ -78,15 +78,18 @@
 	<div class="container-fluid">
 		<div class="row">
 			<div class="col-md-12 py-3">
-				<p class="fs-4">{data.gruppo.descrizione}</p>
+				<p style="font-weight: 500;" class="fs-4">{data.gruppo.descrizione}</p>
 			</div>
 		</div>
 		<div class="row mt-5 border-bottom border-white pb-2">
 			<div class="col-md-12">
-				<h6 class="text-uppercase">STUDENTI</h6>
+				<h6 style="font-weight: 500;" class="text-uppercase">STUDENTI</h6>
 				<ul class="list-unstyled">
 					{#each data.gruppo.studenti as studente}
-						<li style="font-size: 1.12rem;">{studente.nome} {studente.cognome}</li>
+						<li style="font-size: 1.12rem; font-weight: 500;">
+							{studente.nome}
+							{studente.cognome}
+						</li>
 					{/each}
 				</ul>
 			</div>
@@ -123,12 +126,12 @@
 							onClick={goToPrevGroup}
 							--btn-color={'#' + data.gruppo.corso.colore}
 						/>
-						<span class="fs-5 ms-3">Gruppo precedente</span>
+						<span class="fs-5 ms-3">PRogetto precedente</span>
 					{/if}
 				</div>
 				<div class="d-flex align-items-center">
 					{#if data.gruppo.next}
-						<span class="me-3 fs-5">Gruppo successivo</span>
+						<span class="me-3 fs-5">Progetto successivo</span>
 						<BlurredIconButton
 							icon="bi bi-arrow-right"
 							color={data.gruppo.corso.colore}
-Original file line number
+Diff line change
@@ Expand Up / @@ -79,4 +79,8 @@ body { @@
     body {
         overflow-x: hidden;
+    }
+    h1 {
+        font-size: 3rem;
     }