generated from avior/template-web-astro
change some defaults
This commit is contained in:
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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;
|
||||
|
@@ -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>
|
||||
|
@@ -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)
|
||||
|
||||
|
Reference in New Issue
Block a user