mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-15 02:56:18 +02:00
Code Issues Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Kushagra Gour
2024-04-25 10:31:54 +05:30
parent 9e6130d38b
commit 4f2d0d3522
3 changed files with 36 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/HelpModal.jsx
View File

@ -1,5 +1,5 @@
import { h } from 'preact';
import Modal from './Modal'; import Modal from './Modal';
import { Stack, VStack } from './Stack';
import { Button } from './common'; import { Button } from './common';
import { Trans } from '@lingui/macro'; import { Trans } from '@lingui/macro';
@ -7,15 +7,21 @@ export function HelpModal(props) {
return ( return (
<Modal show={props.show} closeHandler={props.closeHandler}> <Modal show={props.show} closeHandler={props.closeHandler}>
<h1> <h1>
<div class="web-maker-with-tag">Web Maker</div> <Stack gap={1} align="center">
<small style="font-size:14px;">{props.version}</small> <div class="web-maker-with-tag">Web Maker</div>
<span className="badge">{props.version}</span>
</Stack>
</h1> </h1>
<div> <div>
<p> <p>
<Trans> <Trans>
Made with <span style="margin-right: 8px;">💖</span>&{' '} Made with <span style="margin-right: 8px;">💖</span>&{' '}
<span style="margin-right: 8px;"> 🙌</span> by{' '} <span style="margin-right: 0.2rem;position:relative;top:-3px;">
{' '}
🙌
</span>{' '}
by{' '}
<a <a
href="https://twitter.com/chinchang457" href="https://twitter.com/chinchang457"
target="_blank" target="_blank"
@ -56,7 +62,7 @@ export function HelpModal(props) {
. .
</Trans> </Trans>
</p> </p>
<p> <p style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap' }}>
<Button <Button
onClick={props.onSupportBtnClick} onClick={props.onSupportBtnClick}
data-event-action="supportDeveloperHelpBtnClick" data-event-action="supportDeveloperHelpBtnClick"
@ -190,29 +196,31 @@ export function HelpModal(props) {
</details> </details>
</p> </p>
<p> <VStack gap={1} align="stretch" fullWidth={true}>
<h3> <h3>
<Trans>License</Trans> <Trans>License</Trans>
</h3> </h3>
<Trans> <p>
"Web Maker" is{' '} <Trans>
<a "Web Maker" is{' '}
target="_blank" <a
rel="noopener noreferrer" target="_blank"
href="https://github.com/chinchang/web-maker" rel="noopener noreferrer"
> href="https://github.com/chinchang/web-maker"
open-source >
</a>{' '} open-source
under the{' '} </a>{' '}
<a under the{' '}
href="https://opensource.org/licenses/MIT" <a
target="_blank" href="https://opensource.org/licenses/MIT"
rel="noopener noreferrer" target="_blank"
> rel="noopener noreferrer"
MIT License >
</a> MIT License
</Trans> </a>
</p> </Trans>
</p>
</VStack>
</div> </div>
</Modal> </Modal>
); );

2
src/components/Profile.jsx
View File

@ -68,7 +68,7 @@ export function Profile({ user, logoutBtnHandler }) {
} }
}, [user]); }, [user]);
return ( return (
<VStack gap={2}> <VStack gap={4}>
<Header user={user} logoutBtnHandler={logoutBtnHandler} /> <Header user={user} logoutBtnHandler={logoutBtnHandler} />
{window.user?.isPro && ( {window.user?.isPro && (
<Panel> <Panel>

4
src/style.css
View File

@ -2251,9 +2251,9 @@ while the theme CSS file is loading */
text-transform: uppercase; text-transform: uppercase;
display: inline-block; display: inline-block;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
background: crimson; background: rgb(255 255 255 / 40%);
border-radius: 1rem; border-radius: 1rem;
font-size: 0.75em; font-size: 0.75rem;
color: #222; color: #222;
font-weight: 800; font-weight: 800;
line-height: 1; line-height: 1;