diff --git a/public/assets/css/general.css b/public/assets/css/general.css index 7b4f2af4..fcf621d7 100644 --- a/public/assets/css/general.css +++ b/public/assets/css/general.css @@ -542,10 +542,6 @@ table { /* show */ -.asset { - max-width: 100%; -} - #video { cursor: pointer; background-color: #ffffff; @@ -556,15 +552,19 @@ table { } /* show lite */ -#show-lite-container { +.show-lite-container { text-align: center; } -#show-lite-container #asset-display-component { +.show-lite-container #asset-display-component { max-height: calc(100vh - 3em); } -#show-lite-container #asset-display-component .asset { +.show-details-container #asset-display-component .asset { + width: 100% +} + +.show-lite-container #asset-display-component .asset { max-height: calc(100vh - 3em); max-width: 100vw; } diff --git a/react/components/ShowAssetDetails/view.jsx b/react/components/ShowAssetDetails/view.jsx index 25f8a4e2..991f1243 100644 --- a/react/components/ShowAssetDetails/view.jsx +++ b/react/components/ShowAssetDetails/view.jsx @@ -20,7 +20,7 @@ class ShowAssetDetails extends React.Component {
-
+
diff --git a/react/components/ShowAssetLite/view.jsx b/react/components/ShowAssetLite/view.jsx index f8049c97..8241a31b 100644 --- a/react/components/ShowAssetLite/view.jsx +++ b/react/components/ShowAssetLite/view.jsx @@ -9,7 +9,7 @@ class ShowLite extends React.Component { if (asset) { const { name, claimId } = asset.claimData; return ( -
+
hosted