tfgrid/www_projectinca_archive
25
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

edit responsiveness

Browse Source
This commit is contained in:
sasha-astiadi
2024-06-07 11:42:08 +03:00
parent d1aa6087c8
commit fd3c6df21f
6 changed files with 635 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Logo.astro
View File

@@ -2,8 +2,7 @@
import { SITE } from 'astrowind:config';
---
<span
class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white"
>
<span class="flex items-center self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white">
<img src="/assets/images/logo.svg" alt="Site Logo" class="h-8 w-auto mr-2" />
{SITE?.name}
</span>

14
src/components/widgets/Hero.astro
View File

@@ -29,9 +29,11 @@ const {
<section class="relative md:-mt-[76px] not-prose" {...id ? { id } : {}}>
<div class="absolute inset-0 pointer-events-none" aria-hidden="true"></div>
<div class="relative max-w-7xl mx-auto px-4 sm:px-6">
<div class="pt-0 md:pt-[76px] pointer-events-none"></div>
<div class="py-12 md:py-20">
<div class="text-center pb-10 md:pb-16 max-w-5xl mx-auto">
<div class="pt-0 md:pt-12 pointer-events-none"></div>
<div class="py-8 md:py-20">
<div class="text-center pb-8 md:pb-16 max-w-5xl mx-auto">
<!-- Add the logo before the tagline -->
<img src="/assets/images/logo.svg" alt="Logo" class=" mx-auto mb-4 h-65 sm:h-23 w-auto" />
{
tagline && (
<p
@@ -43,7 +45,7 @@ const {
{
title && (
<h1
class="text-5xl md:text-6xl font-bold leading-tighter tracking-tighter mb-4 font-heading dark:text-gray-200"
class="text-3xl md:text-6xl font-bold leading-tighter tracking-tighter mb-2 font-heading dark:text-gray-200"
set:html={title}
/>
)
@@ -51,13 +53,13 @@ const {
{
title2 && (
<h3
class="text-5xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading dark:text-gray-200"
class="text-xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading dark:text-gray-200"
set:html={title2}
/>
)
}
<div class="max-w-3xl mx-auto">
{subtitle && <p class="text-xl text-muted mb-6 dark:text-slate-300" set:html={subtitle} />}
{subtitle && <p class="text-xl text-muted mb-8 dark:text-slate-300 max-w-m md:max-w-3xl" set:html={subtitle} />}
{
actions && (
<div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">