mirror of
https://github.com/stashapp/stash.git
synced 2025-12-17 12:24:38 +03:00
Fix performer icon link padding (#1843)
* fix performer url icon link padding
This commit is contained in:
@@ -221,7 +221,7 @@ export const Performer: React.FC = () => {
|
|||||||
<Icon icon="heart" />
|
<Icon icon="heart" />
|
||||||
</Button>
|
</Button>
|
||||||
{performer.url && (
|
{performer.url && (
|
||||||
<Button className="minimal">
|
<Button className="minimal icon-link">
|
||||||
<a
|
<a
|
||||||
href={TextUtils.sanitiseURL(performer.url)}
|
href={TextUtils.sanitiseURL(performer.url)}
|
||||||
className="link"
|
className="link"
|
||||||
@@ -233,7 +233,7 @@ export const Performer: React.FC = () => {
|
|||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
{performer.twitter && (
|
{performer.twitter && (
|
||||||
<Button className="minimal">
|
<Button className="minimal icon-link">
|
||||||
<a
|
<a
|
||||||
href={TextUtils.sanitiseURL(
|
href={TextUtils.sanitiseURL(
|
||||||
performer.twitter,
|
performer.twitter,
|
||||||
@@ -248,7 +248,7 @@ export const Performer: React.FC = () => {
|
|||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
{performer.instagram && (
|
{performer.instagram && (
|
||||||
<Button className="minimal">
|
<Button className="minimal icon-link">
|
||||||
<a
|
<a
|
||||||
href={TextUtils.sanitiseURL(
|
href={TextUtils.sanitiseURL(
|
||||||
performer.instagram,
|
performer.instagram,
|
||||||
|
|||||||
@@ -37,6 +37,15 @@
|
|||||||
.instagram {
|
.instagram {
|
||||||
color: pink;
|
color: pink;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-link {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: $btn-padding-y $btn-padding-x;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user