mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

upgrade changes

Browse Source
This commit is contained in:
Surjith S M
2025-02-26 14:41:03 +05:30
parent 4510f5a005
commit 654a7e89f8
14 changed files with 315 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/contactform.astro
View File

@@ -18,7 +18,7 @@ import Button from "./ui/button.astro";
type="text"
placeholder="Full Name"
required
class="w-full px-4 py-3 border-2 placeholder:text-gray-800 rounded-md outline-none focus:ring-4 border-gray-300 focus:border-gray-600 ring-gray-100"
class="w-full px-4 py-3 border-2 placeholder:text-gray-800 rounded-md outline-hidden focus:ring-4 border-gray-300 focus:border-gray-600 ring-gray-100"
name="name"
/>
<div class="empty-feedback invalid-feedback text-red-400 text-sm mt-1">
@@ -32,7 +32,7 @@ import Button from "./ui/button.astro";
placeholder="Email Address"
name="email"
required
class="w-full px-4 py-3 border-2 placeholder:text-gray-800 rounded-md outline-none focus:ring-4 border-gray-300 focus:border-gray-600 ring-gray-100"
class="w-full px-4 py-3 border-2 placeholder:text-gray-800 rounded-md outline-hidden focus:ring-4 border-gray-300 focus:border-gray-600 ring-gray-100"
/>
<div class="empty-feedback text-red-400 text-sm mt-1">
Please provide your email address.
@@ -46,7 +46,7 @@ import Button from "./ui/button.astro";
name="message"
required
placeholder="Your Message"
class="w-full px-4 py-3 border-2 placeholder:text-gray-800 rounded-md outline-none h-36 focus:ring-4 border-gray-300 focus:border-gray-600 ring-gray-100"
class="w-full px-4 py-3 border-2 placeholder:text-gray-800 rounded-md outline-hidden h-36 focus:ring-4 border-gray-300 focus:border-gray-600 ring-gray-100"
></textarea>
<div class="empty-feedback invalid-feedback text-red-400 text-sm mt-1">
Please enter your message.

2
src/components/container.astro
View File

@@ -2,6 +2,6 @@
const { class: className } = Astro.props;
---
<div class:list={["max-w-screen-xl mx-auto px-5", className]}>
<div class:list={["max-w-(--breakpoint-xl) mx-auto px-5", className]}>
<slot />
</div>

2
src/components/navbar/dropdown.astro
View File

@@ -30,7 +30,7 @@ const { title, lastItem, children } = Astro.props;
: "lg:left-0 origin-top-left",
]}>
<div
class="px-3 lg:py-2 lg:bg-white lg:rounded-md lg:shadow lg:border flex flex-col">
class="px-3 lg:py-2 lg:bg-white lg:rounded-md lg:shadow-sm lg:border flex flex-col">
{
children.map((item) => (
<a

2
src/components/ui/button.astro
View File

@@ -30,7 +30,7 @@ const styles = {
<button
{...rest}
class:list={[
"rounded text-center transition focus-visible:ring-2 ring-offset-2 ring-gray-200",
"rounded-sm text-center transition focus-visible:ring-2 ring-offset-2 ring-gray-200",
block && "w-full",
sizes[size],
styles[style],

2
src/components/ui/link.astro
View File

@@ -34,7 +34,7 @@ const styles = {
href={href}
{...rest}
class:list={[
"rounded text-center transition focus-visible:ring-2 ring-offset-2 ring-gray-200",
"rounded-sm text-center transition focus-visible:ring-2 ring-offset-2 ring-gray-200",
block && "w-full",
sizes[size],
styles[style],