diff --git a/src/components/Assets.jsx b/src/components/Assets.jsx index 47157c1..b40ab1a 100644 --- a/src/components/Assets.jsx +++ b/src/components/Assets.jsx @@ -254,30 +254,28 @@ const Assets = () => { }`} > {/* */} -
- {' '} -
- - - - -
+ {' '} +
+ + + +
{file.name} {/*
*/} diff --git a/src/style.css b/src/style.css index 1d10f23..d6374b0 100644 --- a/src/style.css +++ b/src/style.css @@ -2125,6 +2125,7 @@ while the theme CSS file is loading */ .asset-manager__file { display: flex; gap: 0.5rem; + position: relative; } .asset-manager__file-name { max-width: 100%; @@ -2145,7 +2146,6 @@ while the theme CSS file is loading */ .asset-manager__file-actions { position: absolute; bottom: 0; - left: 0; right: 0; opacity: 0; padding: 0.5rem 0; @@ -2155,6 +2155,10 @@ while the theme CSS file is loading */ background-color: rgb(255 255 255 / 15%); backdrop-filter: blur(5px); } +.asset-manager__file--grid .asset-manager__file-actions { + left: 0; + bottom: 1.5em; +} .asset-manager__file:hover .asset-manager__file-actions { transform: translateY(0rem); opacity: 1;