yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-03 19:36:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #14817 from strapi/chore/home-page-corner-ornament

Browse Source 
HomePage: Replace corner ornament with a small SVG
This commit is contained in:
Gustav Hansen 2022-11-09 14:10:59 +01:00 committed by GitHub
commit 210cdb4c0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 51 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/core/admin/admin/src/assets/images/homepage-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.2 KiB

48
packages/core/admin/admin/src/pages/HomePage/assets/corner-ornament.svg Normal file
View File

@ -0,0 +1,48 @@
<svg width="148" height="148" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity=".8" fill-rule="evenodd" clip-rule="evenodd">
<path opacity=".15" d="M110.81 37H73.97V74.1h36.84V37Z" fill="url(#a)"/>
<path opacity=".07" d="M36.84 0H0v37.08h36.84V0Z" fill="url(#b)"/>
<path opacity=".07" d="M73.92 73.95H37.08v37.08h36.84V73.95Z" fill="url(#c)"/>
<path opacity=".07" d="M147.99 110.92h-37.3V148H148v-37.08Z" fill="url(#d)"/>
<path opacity=".15" d="M73.83 37H36.84L73.83 0v37Z" fill="url(#e)"/>
<path opacity=".15" d="M110.6 111.02v-37h36.98l-36.99 37Z" fill="url(#f)"/>
<path opacity=".4" d="M73.83 0v37h36.98v37.01h37V3a3 3 0 0 0-3-3H73.82Z" fill="url(#g)"/>
</g>
<defs>
<linearGradient id="a" x1="91.31" y1="83.31" x2="118.24" y2="56.59" gradientUnits="userSpaceOnUse">
<stop stop-color="#7A92FF"/>
<stop offset="1" stop-color="#3253EA"/>
</linearGradient>
<linearGradient id="b" x1="40.99" y1="13.88" x2=".01" y2="11.64" gradientUnits="userSpaceOnUse">
<stop stop-color="#A8B8FF"/>
<stop offset="1" stop-color="#3253EA"/>
</linearGradient>
<linearGradient id="c" x1="54.41" y1="120.25" x2="81.35" y2="93.52" gradientUnits="userSpaceOnUse">
<stop stop-color="#A8B8FF"/>
<stop offset="1" stop-color="#3253EA"/>
</linearGradient>
<linearGradient id="d" x1="128.24" y1="157.22" x2="155.17" y2="130.17" gradientUnits="userSpaceOnUse">
<stop stop-color="#A8B8FF"/>
<stop offset="1" stop-color="#3253EA"/>
</linearGradient>
<linearGradient id="e" x1="54.24" y1="46.21" x2="81.12" y2="19.38" gradientUnits="userSpaceOnUse">
<stop stop-color="#7A92FF"/>
<stop offset="1" stop-color="#3253EA"/>
</linearGradient>
<linearGradient id="f" x1="126.28" y1="74.05" x2="124.94" y2="111.07" gradientUnits="userSpaceOnUse">
<stop stop-color="#7A92FF"/>
<stop offset="1" stop-color="#3253EA"/>
</linearGradient>
<linearGradient id="g" x1="73.37" y1="36.87" x2="132.87" y2="66.74" gradientUnits="userSpaceOnUse">
<stop stop-color="#7A92FF"/>
<stop offset="1" stop-color="#3858EA"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

5
packages/core/admin/admin/src/pages/HomePage/index.js
View File

@ -13,7 +13,7 @@ import { Layout } from '@strapi/design-system/Layout';
import { Main } from '@strapi/design-system/Main';
import { Box } from '@strapi/design-system/Box';
import { Grid, GridItem } from '@strapi/design-system/Grid';
import Logo from '../../assets/images/homepage-logo.png';
import cornerOrnamentPath from './assets/corner-ornament.svg';
import { useModels } from '../../hooks';
import isGuidedTourCompleted from '../../components/GuidedTour/utils/isGuidedTourCompleted';
import GuidedTourHomepage from '../../components/GuidedTour/Homepage';
@ -25,6 +25,7 @@ const LogoContainer = styled(Box)`
position: absolute;
top: 0;
right: 0;
img {
width: ${150 / 16}rem;
}
@ -64,7 +65,7 @@ const HomePage = () => {
</FormattedMessage>
<Main>
<LogoContainer>
<img alt="" aria-hidden src={Logo} />
<img alt="" aria-hidden src={cornerOrnamentPath} />
</LogoContainer>
<Box padding={10}>
<Grid>