@chayns-components/gallery
Version:
A set of beautiful React components for developing your own applications with chayns.
51 lines (49 loc) • 1.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledGalleryItemMoreItemsIndicator = exports.StyledGalleryItemDeleteButton = exports.StyledGalleryItem = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledGalleryItem = exports.StyledGalleryItem = _styledComponents.default.div`
display: flex;
position: relative;
height: 100%;
width: 100%;
`;
const StyledGalleryItemDeleteButton = exports.StyledGalleryItemDeleteButton = _styledComponents.default.button`
background-color: rgba(
${({
theme
}) => theme['000-rgb']},
0.75
);
box-shadow: 0 0 0 1px
rgba(${({
theme
}) => theme['009-rgb']}, 0.08) inset;
position: absolute;
top: 0;
right: 0;
z-index: 2;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
`;
const StyledGalleryItemMoreItemsIndicator = exports.StyledGalleryItemMoreItemsIndicator = _styledComponents.default.div`
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
backdrop-filter: brightness(40%);
p {
font-size: 40px;
color: white;
}
`;
//# sourceMappingURL=GalleryItem.styles.js.map