Skip to content

Commit

Permalink
refactor(GPTs/DALLE): Update DALLE image hover btn
Browse files Browse the repository at this point in the history
- Restyle the hover buttons in the DALLE image section to match the extension's theme

Changes summary:
- Updated the design of hover buttons in the DALLE image:
  - The buttons in assistant chat bubble for DALLE image are now visually align with the extension's theme, providing a cohesive user experience.
  • Loading branch information
itsmartashub committed Aug 13, 2024
1 parent fafbc1e commit 4b74f10
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 0 deletions.
1 change: 1 addition & 0 deletions src/sass/elements/_dialogs.scss
Original file line number Diff line number Diff line change
Expand Up @@ -481,6 +481,7 @@
.text-sm.text-gray-300 {
color: var(--c-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

// border: 2px solid red !important;
Expand Down
24 changes: 24 additions & 0 deletions src/sass/elements/_right--main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -382,6 +382,30 @@ main [data-testid^='conversation-turn-'] {
border-radius: var(--br-contextmenu) !important;
}
}


/* DALLE Image hover buttons - 👍👎 */
.group\/dalle-image.aspect-square {

.group-hover\/dalle-image\:visible.absolute {
button {
background-color: var(--c-on-accent) !important;
color: var(--c-accent) !important;
opacity: .8;

svg {
color: currentColor !important;
transition: none !important;
}

&:hover {
opacity: 1 !important;
background-color: var(--c-accent) !important;
color: var(--c-on-accent) !important;
}
}
}
}
}
}

Expand Down

0 comments on commit 4b74f10

Please sign in to comment.