change some defaults

This commit is contained in:
2025-04-22 13:43:33 +02:00
parent de3a4fb281
commit ac0977b84b
28 changed files with 1465 additions and 8922 deletions

View File

@@ -8,6 +8,6 @@ export interface Props extends ButtonProps {}
---
<Platform>
<Linux slot="linux">Linux <slot /></Linux>
<Windows slot="windows">Windows <slot /></Windows>
<Linux slot="linux" {...Astro.props}><slot /></Linux>
<Windows slot="windows" {...Astro.props}><slot /></Windows>
</Platform>

View File

@@ -24,20 +24,6 @@ const classes = [
<style>
.button {
@apply px-4 py-2 rounded-md bg-gray-200 text-gray-900 shadow-sm border border-gray-300 hover:bg-gray-300 active:bg-gray-400 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
}
.button.outline {
@apply px-4 py-2 rounded-md border border-gray-500 text-gray-800 bg-transparent hover:bg-gray-100 active:bg-gray-200 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
}
.button.ghost {
@apply px-4 py-2 rounded-md text-gray-700 hover:bg-gray-100 active:bg-gray-200 transition duration-150;
background-color: transparent;
border: none;
font-weight: 500;
font-family: system-ui, sans-serif;
@apply bg-gray-100 text-gray-900 font-medium border border-gray-300 rounded-md px-4 py-2 shadow-sm hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none;
}
</style>

View File

@@ -23,15 +23,11 @@ const classes = [
)}
<style>
.button {
@apply px-4 py-2 rounded-xl bg-white/60 text-gray-900 shadow-md backdrop-blur border border-gray-300 hover:bg-white/80 hover:shadow-lg active:bg-white/90 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
.button:not(.outline) {
@apply px-4 py-2 rounded-xl bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white shadow-md transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2;
}
.button.outline {
@apply px-4 py-2 rounded-xl border border-blue-500 text-blue-600 bg-transparent hover:bg-blue-50 active:bg-blue-100 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
@apply px-4 py-2 rounded-xl border border-blue-600 text-blue-600 hover:bg-blue-50 active:bg-blue-100 shadow-sm transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2;
}
.button.ghost {
@apply px-4 py-2 rounded-xl text-gray-700 hover:bg-gray-100 active:bg-gray-200 transition duration-150;

View File

@@ -1,29 +1,11 @@
---
import Footer from 'components/layouts/Footer.astro'
import Base, { type Props as BaseProps } from './Base.astro'
import Header from 'components/layouts/Header.astro'
import { Mail, Phone } from 'lucide-astro'
import { Github } from 'simple-icons-astro'
export interface Props extends BaseProps {
/**
* remove the default top padding top allow the content to overflow with the header
*/
hasHero?: boolean
}
---
<Base {...Astro.props}>
<slot slot="head" name="head" />
<Header />
<div class:list={{'pt-24': !Astro.props.hasHero}}>
<slot />
</div>
<Footer links={[
{href: 'https://www.avior.me', display: 'About'}
]} socials={[
{href: 'mailto:contact@example.com', target: '', icon: Mail},
{href: 'tel:+33601020304', target: '', icon: Phone},
{href: 'https://github.com/dzeiocom', icon: Github},
]} />
<slot />
</Base>

View File

@@ -1,10 +1,7 @@
export function getPlatformStyle() {
}
type Platform = 'linux' | 'windows'
export function getCurrentPlatform(): Platform {
return 'windows'
// return 'windows'
const current = import.meta.env.TAURI_ENV_PLATFORM
console.log(import.meta.env)