Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 21:04:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix button spacing, fix gender/country height (#2220)

Browse Source 
* Fix button spacing, fix gender/country height, add tombstones

* Remove Tombstones
This commit is contained in:
kermieisinthehouse
2022-01-29 13:02:54 -08:00
committed by GitHub
parent 184117ea39
commit c5cd0e1c9c
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/v2.5/src/components/Performers/PerformerDetails/Performer.tsx
View File

@@ -165,6 +165,7 @@ const PerformerPage: React.FC<IProps> = ({ performer }) => {
isEditing={false} isEditing={false}
onSave={() => {}} onSave={() => {}}
onImageChange={() => {}} onImageChange={() => {}}
classNames="mb-4"
/> />
</Row> </Row>
</Col> </Col>
@@ -309,7 +310,7 @@ const PerformerPage: React.FC<IProps> = ({ performer }) => {
} }
} }
const renderIcons = () => ( const renderClickableIcons = () => (
<span className="name-icons"> <span className="name-icons">
<Button <Button
className={cx( className={cx(
@@ -393,11 +394,11 @@ const PerformerPage: React.FC<IProps> = ({ performer }) => {
<h2> <h2>
<GenderIcon <GenderIcon
gender={performer.gender} gender={performer.gender}
className="gender-icon mr-2" className="gender-icon mr-2 flag-icon"
/> />
<CountryFlag country={performer.country} className="mr-2" /> <CountryFlag country={performer.country} className="mr-2" />
{performer.name} {performer.name}
{renderIcons()} {renderClickableIcons()}
</h2> </h2>
<RatingStars <RatingStars
value={performer.rating ?? undefined} value={performer.rating ?? undefined}

4
ui/v2.5/src/components/Shared/DetailsEditNavbar.tsx
View File

@@ -2,6 +2,7 @@ import { Button, Modal } from "react-bootstrap";
import React, { useState } from "react"; import React, { useState } from "react";
import { FormattedMessage, useIntl } from "react-intl"; import { FormattedMessage, useIntl } from "react-intl";
import { ImageInput } from "src/components/Shared"; import { ImageInput } from "src/components/Shared";
import cx from "classnames";
interface IProps { interface IProps {
objectName?: string; objectName?: string;
@@ -20,6 +21,7 @@ interface IProps {
onClearBackImage?: () => void; onClearBackImage?: () => void;
acceptSVG?: boolean; acceptSVG?: boolean;
customButtons?: JSX.Element; customButtons?: JSX.Element;
classNames?: string;
} }
export const DetailsEditNavbar: React.FC<IProps> = (props: IProps) => { export const DetailsEditNavbar: React.FC<IProps> = (props: IProps) => {
@@ -127,7 +129,7 @@ export const DetailsEditNavbar: React.FC<IProps> = (props: IProps) => {
} }
return ( return (
<div className="details-edit"> <div className={cx("details-edit", props.classNames)}>
{renderEditButton()} {renderEditButton()}
<ImageInput <ImageInput
isEditing={props.isEditing} isEditing={props.isEditing}