djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix app list layout on tablet (#3255)

Browse source
This commit is contained in:
Krzysztof Żuraw 2023-03-02 13:57:45 +01:00 committed by GitHub
parent 78f0de0a22
commit 8a0e57578c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/new-apps/components/InstalledAppListRow/AppManifestUrl.tsx
View file

@ -28,9 +28,11 @@ export const AppManifestUrl: React.FC<AppManifestUrlProps> = ({
}} }}
> >
<Tooltip title={manifestUrl} header="App Manifest URL"> <Tooltip title={manifestUrl} header="App Manifest URL">
<Text variant="caption" color="textNeutralSubdued"> <Box __maxWidth="300px" className="ellipsis">
{new URL(manifestUrl).host} <Text variant="caption" color="textNeutralSubdued">
</Text> {new URL(manifestUrl).host}
</Text>
</Box>
</Tooltip> </Tooltip>
<CopyIcon <CopyIcon
color="iconNeutralSubdued" color="iconNeutralSubdued"

4
src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx
View file

@ -47,10 +47,10 @@ export const InstalledAppListRow: React.FC<InstalledApp> = props => {
backgroundColor={!app.isActive ? "surfaceNeutralSubdued" : undefined} backgroundColor={!app.isActive ? "surfaceNeutralSubdued" : undefined}
> >
<Box <Box
display="flex"
justifyContent={{ mobile: "space-between", desktop: "flex-start" }}
gap={5} gap={5}
alignItems="center" alignItems="center"
display="grid"
__gridTemplateColumns="1fr auto"
> >
<AppAvatar logo={logo} /> <AppAvatar logo={logo} />
<Box <Box