# Presentando un nuevo diseño visual para temas y componentes de temas

**URL:** <https://meta.discourse.org/t/introducing-a-new-visual-layout-for-themes-and-theme-components/364921>\
**Category:** Announcements\
**Created:** [7 Mayo, 2025 04:57 UTC](https://meta.discourse.org/t/introducing-a-new-visual-layout-for-themes-and-theme-components/364921 "2025-05-07T04:57:40Z")\
**Posts on this page:** 1\
**Showing post:** 17

<div class="post-metadata">

**Author:** ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)\
**Post date:** [7 Mayo, 2025 09:16 UTC](https://meta.discourse.org/t/introducing-a-new-visual-layout-for-themes-and-theme-components/364921/17 "2025-05-07T09:16:30Z")

</div>

> [@hugh](#):
>
> ¡Espero que puedas solucionar eso!

A veces soy tan estúpidamente tonto 🤦‍♂️

El fragmento CSS que arregló el primer y desafortunado intento de usar una vista de galería para los componentes… bueno, ahora rompió el lado del tema.

> **Ya no es necesario usarlo**
>
> ```plaintext
> .admin-config.customize {
> .admin-detail {
> padding: 0;
> }
> .themes-cards-container {
> display: flex;
> flex-direction: column;
> max-width: 500px;
> gap: 0;
> }
> .admin-config-area-card__content {
> flex-grow: 0;
> margin: 0;
> padding: 0;
> }
> .theme-card {
> flex-direction: row;
> margin: 0;
> padding: 0.75rem 0;
> box-shadow: none;
> border: none;
> border-bottom: 1px solid var(--primary-low);
> &__image-wrapper,
> &__content {
> display: none;
> }
> &__footer {
> gap: 1rem;
> }
> }
> .theme-install-card {
> margin-top: 1rem;
> }
> }
> 
> ```

Creo que debería eliminar estos comentarios. No ayudan, solo contaminan el tema.

---

_[View the full topic](https://meta.discourse.org/t/introducing-a-new-visual-layout-for-themes-and-theme-components/364921)._