fix: compressed all new svgs

tweaked svg styling
pull/3056/head
William Grant 12 months ago
parent 7b221febc1
commit dad09a75a6

@ -1,42 +1,4 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1"
id="svg2" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 766.2 102.3"
style="enable-background:new 0 0 766.2 102.3;" xml:space="preserve" fill="white">
<g id="g12">
<g>
<g>
</g>
</g>
</g>
<g id="g14">
<g id="g20" transform="translate(0.0044,25.541)">
<path id="path22" class="st0" d="M0,42.6h25.5c-0.1,6.5,8.3,13.3,28.3,13.7c18.7,0.1,33.1-2.4,33.1-11.1
c0-18.9-84.7,3.2-84.7-38.7c0-20,20.8-32.1,51.6-32.1c32,0,53.7,13.3,54,34H82.3c0.1-6.7-7.1-13.6-26.7-13.7
C38.7-5.4,26.4-2.7,26.4,5.5c0,18.3,84.5-2,84.5,38.9c0,20.1-22.1,32.3-55.1,32.3C21.7,76.6-0.4,63.1,0,42.6"/>
</g>
<g id="g24" transform="translate(94.3228,74.9472)">
<path id="path26" class="st0" d="M31.4-72.7h95.2v20.4H55.4v18.1h69.9v19.1H55.4V4.7h71.2v20.4H31.4V-72.7z"/>
</g>
<g id="g28" transform="translate(175.7647,25.541)">
<path id="path30" class="st0" d="M58.6,42.6h25.5c-0.1,6.5,8.3,13.3,28.3,13.7c18.7,0.1,33.1-2.4,33.1-11.1
c0-18.9-84.7,3.2-84.7-38.7c0-20,20.8-32.1,51.6-32.1c32,0,53.7,13.3,54,34h-25.5c0.1-6.7-7.1-13.6-26.7-13.7
C97.3-5.4,85-2.7,85,5.5c0,18.3,84.5-2,84.5,38.9c0,20.1-22.1,32.3-55.1,32.3C80.3,76.6,58.2,63.1,58.6,42.6"/>
</g>
<g id="g32" transform="translate(265.6855,25.541)">
<path id="path34" class="st0" d="M88.6,42.6H114c-0.1,6.5,8.3,13.3,28.3,13.7c18.7,0.1,33.1-2.4,33.1-11.1
c0-18.9-84.7,3.2-84.7-38.7c0-20,20.8-32.1,51.6-32.1c32,0,53.7,13.3,54,34h-25.5c0.1-6.7-7.1-13.6-26.7-13.7
C127.2-5.4,115-2.7,115,5.5c0,18.3,84.5-2,84.5,38.9c0,20.1-22.1,32.3-55.1,32.3C110.3,76.6,88.2,63.1,88.6,42.6"/>
</g>
<path id="path36" class="st0" d="M480,2.3h24v97.6h-24V2.3z"/>
<g id="g38" transform="translate(462.3799,38.3115)">
<path id="path40" class="st0" d="M154.1,12.8c0-19.9-14.4-30.7-37.9-30.7c-23.3,0-37.7,10.9-37.7,30.7s14.4,30.7,37.7,30.7
C139.7,43.5,154.1,32.6,154.1,12.8 M54.7,12.8c0-30.7,23.6-51.1,61.7-51.1s61.7,20.4,61.7,51.1s-23.6,51.1-61.9,51.1
C78.3,63.9,54.7,43.5,54.7,12.8"/>
</g>
<g id="g42" transform="translate(490.125,74.9472)">
<path id="path44" class="st0" d="M163.4-72.7h20.1L252-10.5v-62.1h24v97.7h-20.3l-68.4-62.1v62.1h-24V-72.7z"/>
</g>
</g>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 766.2 102.3" fill="white">
<path
d="M.004 68.141h25.5c-.1 6.5 8.3 13.3 28.3 13.7 18.7.1 33.1-2.4 33.1-11.1 0-18.9-84.7 3.2-84.7-38.7 0-20 20.8-32.1 51.6-32.1 32 0 53.7 13.3 54 34h-25.5c.1-6.7-7.1-13.6-26.7-13.7-16.9-.1-29.2 2.6-29.2 10.8 0 18.3 84.5-2 84.5 38.9 0 20.1-22.1 32.3-55.1 32.3-34.1-.1-56.2-13.6-55.8-34.1M125.723 2.247h95.2v20.4h-71.2v18.1h69.9v19.1h-69.9v19.8h71.2v20.4h-95.2v-97.8zM234.365 68.141h25.5c-.1 6.5 8.3 13.3 28.3 13.7 18.7.1 33.1-2.4 33.1-11.1 0-18.9-84.7 3.2-84.7-38.7 0-20 20.8-32.1 51.6-32.1 32 0 53.7 13.3 54 34h-25.5c.1-6.7-7.1-13.6-26.7-13.7-16.9-.1-29.2 2.6-29.2 10.8 0 18.3 84.5-2 84.5 38.9 0 20.1-22.1 32.3-55.1 32.3-34.1-.1-56.2-13.6-55.8-34.1M354.285 68.141h25.4c-.1 6.5 8.3 13.3 28.3 13.7 18.7.1 33.1-2.4 33.1-11.1 0-18.9-84.7 3.2-84.7-38.7 0-20 20.8-32.1 51.6-32.1 32 0 53.7 13.3 54 34h-25.5c.1-6.7-7.1-13.6-26.7-13.7-16.9-.1-29.1 2.6-29.1 10.8 0 18.3 84.5-2 84.5 38.9 0 20.1-22.1 32.3-55.1 32.3-34.1-.1-56.2-13.6-55.8-34.1M480 2.3h24v97.6h-24V2.3zM616.48 51.112c0-19.9-14.4-30.7-37.9-30.7-23.3 0-37.7 10.9-37.7 30.7s14.4 30.7 37.7 30.7c23.5 0 37.9-10.9 37.9-30.7m-99.4 0c0-30.7 23.6-51.1 61.7-51.1s61.7 20.4 61.7 51.1-23.6 51.1-61.9 51.1c-37.9 0-61.5-20.4-61.5-51.1M653.525 2.247h20.1l68.5 62.2v-62.1h24v97.7h-20.3l-68.4-62.1v62.1h-24v-97.8z" />
</svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -21,7 +21,7 @@ const UploadImageButton = () => {
<div style={{ borderRadius: '50%', overflow: 'hidden' }}>
<SessionIconButton
iconType="thumbnail"
iconSize="max"
iconSize={80}
iconPadding="16px"
backgroundColor="var(--chat-buttons-background-color)"
/>

File diff suppressed because one or more lines are too long

@ -38,8 +38,6 @@ const getIconDimensionFromIconSize = (iconSize: SessionIconSize | number) => {
return 30;
case 'huge2':
return 40;
case 'max':
return 80;
default:
return 20;
}

@ -84,8 +84,8 @@ const ShowHideButton = (props: { forceShow: boolean; toggleForceShow: Noop; erro
padding={'0'}
onClick={props.toggleForceShow}
style={{
marginTop: '-0.5px',
marginRight: '0.25px',
marginTop: '-0.25px',
marginRight: '0.5px',
position: 'absolute',
top: '50%',
transform: 'translateY(-50%)',

@ -50,7 +50,7 @@ const StyledBanner = styled(Flex)`
svg {
margin-top: -3px;
margin-left: var(--margins-xs);
margin-left: var(--margins-sm);
}
`;

@ -15,7 +15,7 @@ import {
} from '../../state/onboarding/selectors/registration';
import { Storage } from '../../util/storage';
import { Flex } from '../basic/Flex';
import { SpacerLG, SpacerSM } from '../basic/Text';
import { SpacerLG, SpacerSM, SpacerXS } from '../basic/Text';
import { SessionIcon, SessionIconButton } from '../icon';
import { OnboardContainer } from './components';
import { CreateAccount, RestoreAccount, Start } from './stages';
@ -46,9 +46,9 @@ export const RegistrationStages = () => {
<StyledRegistrationContainer container={true} flexDirection="column">
<Flex container={true} alignItems="center">
<SessionIcon iconColor="var(--primary-color)" iconSize={'huge'} iconType="brand" />
<SpacerSM />
<SpacerXS />
<div style={{ flexGrow: 1 }}>
<SessionIcon iconSize={'small'} iconType="session" />
<SessionIcon iconSize={140} iconType="session" iconColor="var(--text-primary-color)" />
</div>
<Flex container={true} alignItems="center">
<SessionIconButton

@ -217,7 +217,7 @@ export const RestoreAccount = () => {
<OnboardHeading>{window.i18n('sessionRecoveryPassword')}</OnboardHeading>
<SessionIcon
iconType="recoveryPasswordOutline"
iconSize="large"
iconSize="huge"
iconColor="var(--text-primary-color)"
style={{ margin: '-4px 0 0 8px' }}
/>

Loading…
Cancel
Save