Radiquum/radiquum.github.io--photos
1
0
Fork 0
mirror of https://github.com/Radiquum/photos.git synced 2025-04-05 15:54:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat/generator: change tag button style

Browse source
This commit is contained in:
Kentai Radiquum 2025-02-22 00:13:12 +05:00
parent 1ec05d89e3
commit 165e68b9f4
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
generate/static/css/tailwind.css
View file

@ -679,6 +679,9 @@
.px-3 { .px-3 {
padding-inline: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 3);
} }
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-8 { .px-8 {
padding-inline: calc(var(--spacing) * 8); padding-inline: calc(var(--spacing) * 8);
} }

6
generate/templates/Tags.tsx
View file

@ -1,9 +1,9 @@
export default function Tags({ tags }: { tags: string[] }) { export default function Tags({ tags }: { tags: string[] }) {
return ( return (
<div className="container mx-auto"> <div className="container mx-auto">
<div className="flex overflow-x-auto px-8 py-2 gap-2 scrollbar-thin scrollbar-corner-rounded-sm scrollbar-thumb-gray-700 scrollbar-track-gray-900"> <div className="flex overflow-x-auto px-4 py-2 gap-2 scrollbar-thin scrollbar-corner-rounded-sm scrollbar-thumb-gray-700 scrollbar-track-gray-900">
<button <button
className="bg-gray-800 rounded-full px-3 py-1 text-sm" className="bg-gray-800 rounded-lg px-4 py-1 text-sm"
key="all" key="all"
data-type="tag" data-type="tag"
data-tag="all" data-tag="all"
@ -12,7 +12,7 @@ export default function Tags({ tags }: { tags: string[] }) {
</button> </button>
{tags.map((tag) => ( {tags.map((tag) => (
<button <button
className="bg-gray-800 rounded-full px-3 py-1 text-sm hidden" className="bg-gray-800 rounded-lg px-4 py-1 text-sm hidden"
key={tag} key={tag}
data-type="tag" data-type="tag"
data-tag={tag} data-tag={tag}