mirror of
https://github.com/stashapp/stash.git
synced 2026-05-09 05:05:29 +02:00
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:
parent
255b1d6b9a
commit
6f655d2bda
3 changed files with 19 additions and 19 deletions
|
|
@ -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 ?? ""}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue