ulysia/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

scss buttons

Browse source
This commit is contained in:
Ulysia 2024-10-14 09:15:35 +02:00
parent e0bdf62b1d
commit 2f4910f2cd
2 changed files with 17 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
quartz/components/Btn8831.tsx
View file

@ -1,5 +1,5 @@
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import baseStyle from "./styles/footer.scss" import style from "./styles/buttons8831.scss"
import { useEffect, useState } from "preact/hooks" import { useEffect, useState } from "preact/hooks"
// Import the JSON data // Import the JSON data
@ -29,25 +29,8 @@ export default (() => {
) )
} }
// Define custom styles
const customStyle = `
.btn8831-container {
display: flex;
flex-wrap: wrap;
max-width: 60%;
margin: 0 auto;
}
.btn8831-container a {
margin: 5px;
}
.btn8831-container img {
width: 88px;
height: 31px;
}
`
// Combine base styles with custom styles // Combine base styles with custom styles
Btn8831.css = baseStyle + customStyle Btn8831.css = style
return Btn8831 return Btn8831
})() satisfies QuartzComponentConstructor })() satisfies QuartzComponentConstructor

15
quartz/styles/buttons8831.scss Normal file
View file

@ -0,0 +1,15 @@
.btn8831-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 60%;
margin: 0 auto;
opacity: 1.0;
}
.btn8831-container a {
margin: 5px;
}
.btn8831-container img {
width: 88px;
height: 31px;
}