muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

added small hero preset

Browse source
This commit is contained in:
Fedor Katurov 2019-11-26 13:28:31 +07:00
parent 284721db67
commit c9a616b1c9
3 changed files with 23 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/flow/FlowHero/index.tsx
View file

@ -103,12 +103,14 @@ const FlowHeroUnconnected: FC<IProps> = ({ heroes, history }) => {
[styles.is_visible]: loaded.includes(hero.id), [styles.is_visible]: loaded.includes(hero.id),
[styles.is_active]: current === hero.id, [styles.is_active]: current === hero.id,
})} })}
style={{ backgroundImage: `url("${getURL({ url: hero.thumbnail }, PRESETS.hero)}")` }} style={{
backgroundImage: `url("${getURL({ url: hero.thumbnail }, PRESETS.small_hero)}")`,
}}
key={hero.id} key={hero.id}
onClick={onClick} onClick={onClick}
> >
<img <img
src={getURL({ url: hero.thumbnail }, PRESETS.hero)} src={getURL({ url: hero.thumbnail }, PRESETS.small_hero)}
alt={hero.thumbnail} alt={hero.thumbnail}
onLoad={onLoad(hero.id)} onLoad={onLoad(hero.id)}
/> />

2
src/components/node/NodeAudioImageBlock/index.tsx
View file

@ -20,7 +20,7 @@ const NodeAudioImageBlock: FC<IProps> = ({ node }) => {
<div className={styles.wrap}> <div className={styles.wrap}>
<div <div
className={styles.slide} className={styles.slide}
style={{ backgroundImage: `url("${getURL(path([0], images), PRESETS.hero)}")` }} style={{ backgroundImage: `url("${getURL(path([0], images), PRESETS.small_hero)}")` }}
/> />
</div> </div>
); );

35
src/constants/urls.ts
View file

@ -1,29 +1,30 @@
export const URLS = { export const URLS = {
BASE: "/", BASE: '/',
BORIS: "/boris", BORIS: '/boris',
AUTH: { AUTH: {
LOGIN: "/auth/login" LOGIN: '/auth/login',
}, },
EXAMPLES: { EXAMPLES: {
EDITOR: "/examples/edit", EDITOR: '/examples/edit',
IMAGE: "/examples/image" IMAGE: '/examples/image',
}, },
ERRORS: { ERRORS: {
NOT_FOUND: "/lost", NOT_FOUND: '/lost',
BACKEND_DOWN: "/oopsie" BACKEND_DOWN: '/oopsie',
}, },
NODE_URL: (id: number | string) => `/post${id}`, NODE_URL: (id: number | string) => `/post${id}`,
PROFILE: (username: string) => `/~${username}` PROFILE: (username: string) => `/~${username}`,
}; };
export const PRESETS = { export const PRESETS = {
"1600": "1600", '1600': '1600',
"900": "900", '900': '900',
"600": "600", '600': '600',
"300": "300", '300': '300',
"100": "100", '100': '100',
placeholder: "placeholder", placeholder: 'placeholder',
cover: "cover", cover: 'cover',
hero: "hero", hero: 'hero',
avatar: "avatar" small_hero: 'small_hero',
avatar: 'avatar',
}; };