Added new styles

This commit is contained in:
Rafael González
2022-08-18 19:43:54 -05:00
parent dc42b224b7
commit 6d6675eaf2
4 changed files with 13 additions and 15 deletions
+3 -3
View File
@@ -4,7 +4,7 @@ import '../styles/base.css';
const profileName = profileData.name;
const { frontmatter, title: titleProp, description: descriptionProp } = Astro.props;
const { frontmatter, title: titleProp, description: descriptionProp, blog } = Astro.props;
---
<html lang="en">
<head>
@@ -51,7 +51,7 @@ const { frontmatter, title: titleProp, description: descriptionProp } = Astro.pr
</script>
</head>
<body class="bg-white dark:bg-gray-900">
<body class={`bg-white dark:bg-gray-900`}>
<header class="w-full flex flex-col justify-center items-center pt-10 ">
<img
class="w-1/3 md:w-52 rounded-full border-4 border-gray-900 dark:border-white aspect-square"
@@ -72,7 +72,7 @@ const { frontmatter, title: titleProp, description: descriptionProp } = Astro.pr
<p class="font-mono text-center text-l my-4 sm:mt-4 sm:mb-0 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white">{profileData.description}</p>
<a href="/main.vcf" target="_blank" rel="noopener" class="md:hidden"><button class="mt-4 p-4 bg-black text-white dark:text-black dark:bg-white border-2 border-black rounded-md font-bold uppercase tracking-wide">Agregar a Contactos</button></a>
</header>
<main class="font-mono text-l my-16 sm:mb-8 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white">
<main class={`font-mono text-l my-16 sm:mb-8 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white ${blog || frontmatter ? "blog": ""}`}>
<slot/>
</main>
<footer class="px-3 py-8">