mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-06-11 04:00:54 +02:00
Code Issues Releases Wiki Activity

copy and modal styling

Browse Source
This commit is contained in:
Kushagra Gour
2024-04-16 10:38:19 +05:30
parent 61951885e2
commit b9410f8a23
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Footer.jsx
View File

@ -141,7 +141,7 @@ export const Footer = props => {
data-event-action="proFooterBtnClick" data-event-action="proFooterBtnClick"
class="footer__link ml-1 hint--rounded hint--top-right hide-on-mobile support-link" class="footer__link ml-1 hint--rounded hint--top-right hide-on-mobile support-link"
aria-label={i18n._( aria-label={i18n._(
t`Be a PRO and get some advanced superpowers!` t`Upgrade to PRO and get some advanced superpowers!`
)} )}
> >
<HStack gap={1}> <HStack gap={1}>

2
src/components/MainHeader.jsx
View File

@ -140,7 +140,7 @@ export function MainHeader(props) {
data-event-category="ui" data-event-category="ui"
data-event-action="loginButtonClick" data-event-action="loginButtonClick"
data-testid="loginButton" data-testid="loginButton"
class="btn btn--dark hint--rounded hint--bottom-left" class="btn btn--dark"
> >
<Trans>Login/Signup</Trans> <Trans>Login/Signup</Trans>
</Button> </Button>

4
src/style.css
View File

@ -3,7 +3,7 @@
--color-text-dark-1: #b3aec4; --color-text-dark-1: #b3aec4;
--color-bg: #252637; --color-bg: #252637;
--color-popup: #3a2b63; --color-popup: #3a2b63;
--color-overlay: rgba(3, 8, 27, 0.7); --color-overlay: rgb(0 0 0 / 40%);
--color-close-btn: #d12b4a; --color-close-btn: #d12b4a;
--code-font-size: 16px; --code-font-size: 16px;
--color-button: #e3ba26; --color-button: #e3ba26;
@ -1027,7 +1027,7 @@ body > #demo-frame {
z-index: var(--zindex-modal-overlay); z-index: var(--zindex-modal-overlay);
/* opacity: 0; */ /* opacity: 0; */
will-change: opacity; will-change: opacity;
/* background: var(--color-overlay); */ background: var(--color-overlay);
backdrop-filter: blur(5px) grayscale(1); backdrop-filter: blur(5px) grayscale(1);
transition: opacity var(--duration-modal-overlay-show); transition: opacity var(--duration-modal-overlay-show);