kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: replace classnames with class:list

Browse Source
This commit is contained in:
Stefan Imhoff
2024-09-11 13:21:11 +02:00
parent 526fe22cda
commit c9461b356d
48 changed files with 535 additions and 538 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/PageTitle.astro
View File

@@ -1,7 +1,5 @@
---
// Cspell:words astro classnames
import cx from 'classnames';
// Cspell:words astro
import Title from './Title.astro';
export interface Props {
@@ -11,17 +9,18 @@ export interface Props {
}
const { class: className, grid = 'narrow', innerGrid } = Astro.props;
const titleClasses = cx(
'col-start-2 col-end-18 !mbe-0',
{
'md:col-start-3 md:col-end-17': grid === 'wide',
'md:col-start-3 md:col-end-15 xl:col-end-14 3xl:col-end-13': grid === 'narrow',
'!col-start-1 row-start-1': innerGrid,
},
className
);
---
<Title class={titleClasses}>
<Title
class:list={[
'col-start-2 col-end-18 !mbe-0',
{
'md:col-start-3 md:col-end-17': grid === 'wide',
'md:col-start-3 md:col-end-15 xl:col-end-14 3xl:col-end-13': grid === 'narrow',
'!col-start-1 row-start-1': innerGrid,
},
className,
]}
>
<slot />
</Title>