# 그룹 플레어 크기를 키울 수 있을까요?
**URL:** https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261
**Category:** Development
**Tags:** css, group-flair
**Created:** [8월 19, 2024, 1:42오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261 "2024-08-19T13:42:07Z")
**Posts on this page:** 18
**Page:** 1
### Author:  [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [8월 19, 2024, 1:42오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/1 "2024-08-19T13:42:07Z")
특정 그룹에 속해 있을 때 이름 옆에 표시되는 flair의 크기를 쉽게 늘릴 수 있는 방법이 있나요?
.
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 19, 2024, 3:40오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/2 "2024-08-19T15:40:28Z")
테마 또는 컴포넌트의 공통 CSS에서 다음과 같은 작업을 수행할 수 있습니다.
아바타 플레어를 기본 40px에서 60px로 리사이즈하는 예시:
```scss
.user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair {
background-size: 60px 60px;
width: 60px;
height: 60px;
}
```
기본 40px
60px
다음 컴포넌트를 사용하면 플레어 위치를 변경할 수 있습니다:
> [@Trust-Level Avatar Flair](https://meta.discourse.org/t/trust-level-avatar-flair/82656):
>
> This theme component allows an admin to add flair to user avatars based on the user’s trust level. Trust level flair displays anywhere on the site that you would normally see group flair. There are a few theme settings to adjust the position of the flair in relation to the avatar. Basic Examples (with group flair in place) There is also a bottom-right position that will either replace group flair or be replaced by group flair depending on how you set the “group flair always on top” …
---
### Author:  [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [8월 19, 2024, 4:19오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/3 "2024-08-19T16:19:08Z")
여기에 있는 게 맞나요?
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 19, 2024, 4:27오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/4 "2024-08-19T16:27:42Z")
그렇습니다. (헤더 탭에 강조 표시된 다른 것이 있습니까?)
제가 올린 코드는 여기에 있어야 합니다:
---
### Author:  [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [8월 19, 2024, 4:29오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/5 "2024-08-19T16:29:55Z")
네, 전부 있습니다. 게시물에서 플레어는 여전히 20x20입니다.
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 19, 2024, 4:38오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/6 "2024-08-19T16:38:12Z")
아, 죄송합니다. 1번 게시물을 놓쳤네요. 🤦🏻♀️
30px일 경우
```scss
.user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair {
background-size: 60px 60px;
width: 60px;
height: 60px;
}
.topic-avatar .avatar-flair,
.avatar-flair-preview .avatar-flair,
.collapsed-info .user-profile-avatar .avatar-flair,
.user-image .avatar-flair,
.latest-topic-list-item .avatar-flair {
background-size: 30px 30px;
width: 30px;
height: 30px;
}
```
기본값 20px
30px
---
### Author:  [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [8월 19, 2024, 5:01오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/7 "2024-08-19T17:01:40Z")
감사합니다! 저는 확실히 코더가 아니어서 도움과 지원에 정말 감사드립니다! 🙂
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 19, 2024, 5:03오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/8 "2024-08-19T17:03:19Z")
문제는 없어요. 그 `px` 크기를 세밀하게 조정해서 원하는 대로 맞출 수 있어요. 🙂
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 19, 2024, 8:51오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/9 "2024-08-19T20:51:10Z")
게시물이 새 주제로 분리되었습니다: [게시물에 개인 헤더 추가하기](https://meta.discourse.org/t/add-a-personal-header-to-post/322332)
---
### Author:  [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [8월 20, 2024, 12:59오전 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/10 "2024-08-20T00:59:02Z")
HEX 색상 코드를 넣으면 다시 작아지는 것을 확인했습니다. 이 부분도 도와주실 수 있나요? 🙂
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 20, 2024, 4:06오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/11 "2024-08-20T16:06:08Z")
네, 알겠습니다. 여러분이 이 작업을 더 쉽게 할 수 있도록 빠른 테마 컴포넌트를 하나 만들어 봤습니다:
> **[GitHub - Lillinator/custom-avatar-flair-size: Change your Discourse avatar flair size](https://github.com/Lillinator/custom-avatar-flair-size)**
>
> Change your Discourse avatar flair size
어떤지 알려주세요 🙂 🔧
여전히 그룹 아바타 플레어 설정에서 플레어 이미지와 배경색을 직접 변경해야 합니다. 이 컴포넌트는 이미지 플레어와 배경 원의 크기를 조정하기 위한 기본적인 설정만 제공합니다. 데스크톱에서만 작동합니다 - 모바일용도 시도해 봤지만, 화면이 너무 작아서 디버깅할 가치가 없었습니다.
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [8월 20, 2024, 4:19오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/12 "2024-08-20T16:19:07Z")
이것이 [Avatar Size and Shape](https://meta.discourse.org/t/avatar-size-and-shape/106124) 에 좋은 추가 사항이 될까요?
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 20, 2024, 4:20오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/13 "2024-08-20T16:20:21Z")
아, 그거 잊고 있었네. 같은 기능을 하는 거야? 아, 그냥 아바타 관련이구나. 플레어까지 되는 줄 알았어. 음 🤔 나쁘지 않을 것 같은데…
내 건 몇 분 만에 대충 만든 거라 꽤 기본적인 수준이야. 아마 입력 필드 형식을 좀 바꿔야 할 것 같아.
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [8월 20, 2024, 4:22오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/14 "2024-08-20T16:22:34Z")
현재 아바타에만 적용되는 것 같지만, 이 기능이 통합될 수 있다면 그룹 플레어와도 관련이 있어 보입니다. 확인을 위해 직접 실행해봐야 할 것 같습니다.
---
### Author:  [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [8월 20, 2024, 6:45오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/15 "2024-08-20T18:45:40Z")
@Lilly “스택킹” 플레어에도 범위를 설정할 수 있을까요? 제가 구상한 기능에서는, 사용자가 속한 그룹의 "종류"에 따라 여러 플레어를 스택할 수 있으면 더 유용할 것 같습니다.
---
### Author:  [@STORMS](https://meta.discourse.org/u/STORMS)
#### Post date: [9월 8, 2024, 4:45오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/17 "2024-09-08T16:45:31Z")
@Lilly 채팅에서 왜 내 플레어가 사라지는 건가요? 채팅에서 플레어가 보이게 하는 간단한 방법이 있을까요?
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [9월 8, 2024, 9:13오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/18 "2024-09-08T21:13:31Z")
제가 아는 한, 플레어는 채팅에서 표시된 적이 없습니다. 기존 기능 요청에 게시물을 추가할 수 있습니다 🙂
> [@채팅에서 아바타 배지](https://meta.discourse.org/t/avatar-flairs-in-chat/320235):
>
> 채팅의 아바타에 플레어를 추가할 계획이 있나요? (토픽/PM 게시물에서 유용한 것과 동일한 이유로) 채팅에서도 있으면 매우 편리할 것 같습니다.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [10월 8, 2024, 9:13오후 UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261/19 "2024-10-08T21:13:57Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.