# 카테고리 카드의 ‘세련된 스타일링’ 버전에서 이미지가 매우 작아졌습니다

**URL:** https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764
**Category:** Support
**Tags:** category-groups
**Created:** [9월 29, 2023, 11:18오전 UTC](https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764 "2023-09-29T11:18:21Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![pacharanero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pacharanero/32/500583_2.png) [@pacharanero](https://meta.discourse.org/u/pacharanero)
#### Post date: [9월 29, 2023, 11:18오전 UTC](https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764/1 "2023-09-29T11:18:21Z")

</div>

TC가 업데이트된 이후(오늘 업데이트를 적용했습니다) ‘fancy styling’ 버전의 카테고리 카드 이미지가 매우 작아졌습니다. 40px x 40px로 축소된 것으로 보입니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/2/7/427fc4f61cbe7d6b6ef6b770875eb0a2f8433ef4.png)

이전에는 이 이미지가 카드의 전체 폭을 차지하고 정사각형(수직 공간도 동일하게 차지)이었으나, 지금은 희극적으로 작아졌습니다!

마지막 커밋 이후 추가된 두 커밋의 git diff를 확인해 보았지만, 솔직히 코드베이스에 익숙하지 않아 원인으로 의심되는 부분을 찾지 못했습니다. 단기적으로는 CSS로 수정을 시도하고 있습니다…

혹시 의견이 있으신 분 계신가요? @awesomerobot ?

---

<div class="post-metadata">

### Author: ![pacharanero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pacharanero/32/500583_2.png) [@pacharanero](https://meta.discourse.org/u/pacharanero)
#### Post date: [9월 29, 2023, 11:52오전 UTC](https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764/2 "2023-09-29T11:52:19Z")

</div>

이미지 크기, `.category-logo .aspect-image` 컨테이너, 그리고 카드의 해당 영역을 좀 더듬어 봤지만, 이미지 크기에 영향을 미치는 변경 사항은 찾지 못했습니다. (제 설정에서 유일한 특이점은 3개 대신 4개의 카드를 페이지에 나란히 배치하기 위해 플렉스박스(flexbox)를 사용했다는 점인데, 이건 실제로는 큰 영향을 주지 않아야 합니다. 실제로 플렉스박스 설정을 되돌려도 작은 이미지 문제는 해결되지 않습니다.)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [9월 29, 2023, 1:22오후 UTC](https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764/3 "2023-09-29T13:22:04Z")

</div>

> [@pacharanero](#):
>
> 이전에는 이 이미지가 카드의 전체 너비를 차지하고 정사각형 형태(수직 공간도 동일한 비율로 차지)였습니다. 그런데 지금은 유머러스할 정도로 작아졌네요!

저도 같은 현상을 겪고 있습니다.  
이것은 이 Discourse 코어 SCSS 때문입니다:

> <https://github.com/discourse/discourse/blob/3df8ee9775920666d02b0e86987e890d1203437d/app/assets/stylesheets/common/base/category-list.scss#L89>

수정될 때까지, 다음 코드로 이 부분을 오버라이드할 수 있습니다:

```scss
.custom-categories-groups .category-logo img {
    --height: auto !important;
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/9/4/29459a184806db504d14dd08604a7e981b272495.png)  
👇  
 ![image](https://global.discourse-cdn.com/meta/original/4X/f/8/8/f88a7fc64021ebf3965431200f700e025b182701.png)

---

<div class="post-metadata">

### Author: ![pacharanero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pacharanero/32/500583_2.png) [@pacharanero](https://meta.discourse.org/u/pacharanero)
#### Post date: [9월 29, 2023, 2:16오후 UTC](https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764/4 "2023-09-29T14:16:30Z")

</div>

@Canapin 정말 감사합니다! 덕분에 해결되었습니다.

---

<div class="post-metadata">

### Author: ![StefanoCecere](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stefanocecere/32/158064_2.png) [@StefanoCecere](https://meta.discourse.org/u/StefanoCecere)
#### Post date: [7월 24, 2024, 7:34오후 UTC](https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764/5 "2024-07-24T19:34:51Z")

</div>

이 수정이 기본값이 되어야 합니다

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [9월 9, 2024, 7:37오후 UTC](https://meta.discourse.org/t/images-in-the-fancy-styling-version-of-the-category-cards-have-gone-very-small/284764/6 "2024-09-09T19:37:08Z")

</div>

이것은 Discourse에서 “하위 범주가 있는 상자” 스타일에 대한 카테고리 이미지 처리 방식과 일치하므로, 상류(upstream)에서 기본 동작이 변경되지 않는 한 이를 변경할 계획은 없습니다.
