design fixes

marwan · Nov 24, 2024 · c16f60b · c16f60b
1 parent 04e6c97
commit c16f60b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -46,7 +46,7 @@
 	<div class="w-full flex flex-col md:justify-center text-xs space-y-8 scale-[0.70] md:scale-[0.85] theme-grayscale">
 		<div class="flex flex-row space-x-4 justify-center">
 			{#each Object.entries(homepageLinks) as [id, link]}
-				<a href={link.link} class="min-w-28 border border-black/10 transition text-sm bg-transparent rounded-3xl p-5 hover:cursor-pointer hover:bg-lightGray">
+				<a href={link.link} class="min-w-28 border border-black/15 transition text-sm bg-transparent rounded-3xl p-5 hover:cursor-pointer hover:bg-lightGray">
 					<div class="flex flex-col items-center justify-center space-y-2">
 						<div class="text-sm md:text-lg opacity-70">
 							<svelte:component this={link.icon} size={7} />

diff --git a/src/routes/page/[page]/+page.svelte b/src/routes/page/[page]/+page.svelte
@@ -132,7 +132,7 @@
 					<!-- if it's the first verse of a chapter -->
 					{#if chapters.length > 0 && lines.includes(line) && verses[lines.indexOf(line)] === 1}
 						<div class="flex flex-col my-2">
-							<div style="font-family: chapter-headers" class="header invisible leading-base md:pt-8 pb-6 text-[28vw] md:text-[195px] lg:text-[195px]">{chapterHeaderCodes[chapters[lines.indexOf(line)]]}</div>
+							<div style="font-family: chapter-headers" class="header invisible leading-base pt-4 md:pt-8 pb-6 text-[28vw] md:text-[195px] lg:text-[195px]">{chapterHeaderCodes[chapters[lines.indexOf(line)]]}</div>
 
 							<Bismillah {chapters} {lines} {line} />
 						</div>

diff --git a/static/css/global.css b/static/css/global.css
@@ -2130,6 +2130,10 @@ input[type="range"].range-lg::-moz-range-thumb {
   border-color: rgb(0 0 0 / 0.1);
 }
 
+.border-black\/15 {
+  border-color: rgb(0 0 0 / 0.15);
+}
+
 .border-blue-700 {
   --tw-border-opacity: 1;
   border-color: rgb(29 78 216 / var(--tw-border-opacity));