@memori.ai/memori-react/dist/components/MediaWidget/LinkItemWidget.css

[](https://www.npmjs.com/package/@memori.ai/memori-react)  ![TypeScript Support](https

.memori-link-items--grid {
    display: grid;
    padding: 1rem;
    grid-auto-flow: dense;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

/* Allineamento link per messaggi dell'utente */
.memori-link-items--grid.memori-link-items--user {
    direction: rtl;
}

/* Allineamento link per messaggi dell'agente */
.memori-link-items--grid.memori-link-items--agent {
    direction: ltr;
}

.memori-link-item--card {
    height: 100%;
    margin-bottom: 1rem;
}

.memori-link-item--card .memori-card--cover {
    height: auto;
    text-align: center;
}

.memori-link-item--card .memori-card--cover img {
    min-width: 100%;
    min-height: 100%;
    object-fit: contain;
}

a.memori-link-item--link {
    text-decoration: none;
}

.memori-link-item--card-cover-icon {
    padding: 1rem;
}

.memori-link-item--icon {
    width: 50%;
    height: 50%;
}