Enhance Tagger performer popover styles for improved layout

- Added media query for max-height to adjust dimensions of the tagger performer popover card.
- Updated class names in TaggerPerformerPopover to ensure consistent styling with the new card structure.
- Removed outdated styles from the Tags component to streamline CSS and improve maintainability.
This commit is contained in:
KennyG 2026-05-04 11:06:17 -04:00
parent 255b1d6b9a
commit 6f655d2bda
3 changed files with 19 additions and 19 deletions

View file

@ -32,11 +32,11 @@ export const TaggerPerformerPopover: React.FC<
children,
}) => {
const cardContent = performer ? (
<div className="tag-popover-card">
<div className="tag-popover-card tagger-performer-popover-card">
<PerformerCard performer={performer} zoomIndex={0} />
</div>
) : scrapedPerformer ? (
<div className="tag-popover-card">
<div className="tag-popover-card tagger-performer-popover-card">
<ScrapedPerformerCard
scrapedPerformer={scrapedPerformer}
endpoint={endpoint ?? ""}

View file

@ -121,6 +121,23 @@
}
}
@media (max-height: 1049px) {
.tagger-performer-popover-card {
.card {
max-width: 160px;
width: 160px;
}
.card-section-title {
font-size: 1rem;
}
.performer-card__age {
font-size: 0.9rem;
}
}
}
.selected-result {
background-color: hsl(204, 20%, 30%);
border-radius: 3px;

View file

@ -125,23 +125,6 @@
}
}
@media (max-height: 1049px) {
.tag-popover-card {
.card {
max-width: 160px;
width: 160px;
}
.card-section-title {
font-size: 1rem;
}
.performer-card__age {
font-size: 0.9rem;
}
}
}
.tag-item {
.icon-wrapper {
color: #202b33;