Detail redesign round 2 bug fixes (#3990)

* increase full-width for measurement issue in apple devices
* trade left margin for more full-width
* removed isApple code from details page
This commit is contained in:
CJ
2023-08-02 01:15:09 -05:00
committed by GitHub
parent 65826fdbb3
commit 00ae40ad72
11 changed files with 104 additions and 51 deletions

View File

@@ -42,7 +42,6 @@ import TextUtils from "src/utils/text";
import { RatingSystem } from "src/components/Shared/Rating/RatingSystem";
import ImageUtils from "src/utils/image";
import { useRatingKeybinds } from "src/hooks/keybinds";
import { isPlatformUniquelyRenderedByApple } from "src/utils/apple";
interface IProps {
studio: GQL.StudioDataFragment;
@@ -69,8 +68,6 @@ const StudioPage: React.FC<IProps> = ({ studio }) => {
const [collapsed, setCollapsed] = useState<boolean>(!showAllDetails);
const [loadStickyHeader, setLoadStickyHeader] = useState<boolean>(false);
const appleRendering = isPlatformUniquelyRenderedByApple();
// Editing state
const [isEditing, setIsEditing] = useState<boolean>(false);
const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState<boolean>(false);
@@ -507,7 +504,7 @@ const StudioPage: React.FC<IProps> = ({ studio }) => {
<div
className={`detail-header ${isEditing ? "edit" : ""} ${
collapsed ? "collapsed" : !compactExpandedDetails ? "full-width" : ""
} ${appleRendering ? "apple" : ""}`}
}`}
>
{maybeRenderHeaderBackgroundImage()}
<div className="detail-container">