Merge pull request #4 from dawalberto/develop

style details and background
dawalberto · May 10, 2024 · 3524233 · 3524233
2 parents 23afbba + 08f9008
commit 3524233
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 9 deletions.
diff --git a/public/background.svg b/public/background.svg
diff --git a/src/components/BMRSelector.tsx b/src/components/BMRSelector.tsx
@@ -15,7 +15,7 @@ export const BMRSelector = () => {
 
 	return (
 		<div className='w-full'>
-			<label htmlFor='BMREquation' className={clsx(selectLabelStyles, 'text-amber-900')}>
+			<label title='Basal metabolic rate' htmlFor='BMREquation' className={clsx(selectLabelStyles, 'text-amber-900')}>
 				BMR equation
 			</label>
 			<select

diff --git a/src/components/LBMSelector.tsx b/src/components/LBMSelector.tsx
@@ -25,7 +25,7 @@ export const LBMSelector = () => {
 
 	return (
 		<div className='w-full'>
-			<label htmlFor='LBMFormula' className={clsx(selectLabelStyles, 'text-lime-900')}>
+			<label title='Lean body mass' htmlFor='LBMFormula' className={clsx(selectLabelStyles, 'text-lime-900')}>
 				LBM formula
 			</label>
 			<div className='flex gap-2'>
@@ -53,7 +53,7 @@ export const LBMSelector = () => {
 					placeholder='LBM in Kg'
 					className={clsx(
 						showManualLBMInput ? 'block w-2/5' : 'hidden',
-						'block h-10 max-h-12 min-h-9 rounded-none border border-lime-300 bg-lime-50 p-2.5 text-sm text-lime-900 shadow-md focus:border-lime-500 focus:ring-lime-500'
+						'block max-h-12 min-h-9 rounded-none border-2 border-lime-300 bg-lime-50 p-2.5 text-sm text-lime-900 shadow-md outline-0 focus:border-lime-500 focus:ring-lime-500'
 					)}
 				/>
 			</div>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -44,7 +44,7 @@ import '@styles/selects.css'
 			</div>
 			<!-- <Development client:load /> -->
 		</div>
-		<!-- <div class='background'></div> -->
+		<div class='background'></div>
 	</body>
 	<style>
 		.background {
@@ -67,12 +67,12 @@ import '@styles/selects.css'
 			top: 0;
 			left: 0;
 			width: 100%;
-			height: 100%;
+			height: 105%;
 			background-image: url('/macronutrients/background.svg');
 			background-size: cover;
 			background-position: center;
 			background-origin: center;
-			opacity: 0.1;
+			opacity: 0.2;
 			z-index: -1;
 		}