[WEB-2427] fix: white background behind emoji (#5624)
* adding translucent background * make icon rounded
This commit is contained in:
parent
f49a2aa9e3
commit
4d200ff0a3
2 changed files with 3 additions and 3 deletions
|
|
@ -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,
|
||||
})}
|
||||
|
|
|
|||
|
|
@ -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 = {};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue