[WEB-2427] fix: white background behind emoji (#5624)

* adding translucent background

* make icon rounded
This commit is contained in:
Ketan Sharma 2024-09-23 16:24:51 +05:30 committed by GitHub
parent f49a2aa9e3
commit 4d200ff0a3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View file

@ -213,7 +213,7 @@ export const ProjectCard: React.FC<Props> = observer((props) => {
<div className="absolute bottom-4 z-[1] flex h-10 w-full items-center justify-between gap-3 px-4">
<div className="flex flex-grow items-center gap-2.5 truncate">
<div className="h-9 w-9 flex-shrink-0 grid place-items-center rounded bg-white/90">
<div className="h-9 w-9 flex-shrink-0 grid place-items-center rounded bg-white/10">
<Logo logo={project.logo_props} size={18} />
</div>
@ -240,7 +240,7 @@ export const ProjectCard: React.FC<Props> = observer((props) => {
</button>
{shouldRenderFavorite && (
<FavoriteStar
buttonClassName="h-6 w-6 bg-white/10"
buttonClassName="h-6 w-6 bg-white/10 rounded"
iconClassName={cn("h-3 w-3", {
"text-white": !project.is_favorite,
})}

View file

@ -155,7 +155,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
isOpen={isOpen}
handleToggle={(val: boolean) => setIsOpen(val)}
className="flex items-center justify-center"
buttonClassName="flex h-[52px] w-[52px] flex-shrink-0 items-center justify-center rounded-lg bg-custom-background-90"
buttonClassName="flex h-[52px] w-[52px] flex-shrink-0 items-center justify-center rounded-lg bg-white/10"
label={<Logo logo={value} size={28} />}
onChange={(val) => {
let logoValue = {};