Use GraphQL logo for GraphQL tab
This commit is contained in:
NBTX
@@ -14,6 +14,8 @@
|
|||||||
font-family: "Material Icons";
|
font-family: "Material Icons";
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
|
|||||||
@@ -194,11 +194,13 @@ nav.primary-nav {
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: var(--brd-color);
|
background-color: var(--brd-color);
|
||||||
color: var(--fg-light-color);
|
color: var(--fg-light-color);
|
||||||
|
fill: var(--fg-light-color);
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: var(--fg-color);
|
color: var(--fg-color);
|
||||||
|
fill: var(--fg-color);
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: var(--fg-color);
|
fill: var(--fg-color);
|
||||||
@@ -208,6 +210,7 @@ nav.primary-nav {
|
|||||||
&.nuxt-link-exact-active {
|
&.nuxt-link-exact-active {
|
||||||
background-color: var(--ac-color);
|
background-color: var(--ac-color);
|
||||||
color: var(--act-color);
|
color: var(--act-color);
|
||||||
|
fill: var(--act-color);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
|
|||||||
@@ -112,7 +112,25 @@
|
|||||||
:class="linkActive('/graphql')"
|
:class="linkActive('/graphql')"
|
||||||
v-tooltip.right="$t('graphql')"
|
v-tooltip.right="$t('graphql')"
|
||||||
>
|
>
|
||||||
<i class="material-icons">cloud</i>
|
<svg class="material-icons" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 400 400">
|
||||||
|
<g>
|
||||||
|
<g><g><rect x="122" y="-0.4" transform="matrix(-0.866 -0.5 0.5 -0.866 163.3196 363.3136)" width="16.6" height="320.3"/></g></g>
|
||||||
|
<g><g><rect x="39.8" y="272.2" width="320.3" height="16.6"/></g></g>
|
||||||
|
<g><g><rect x="37.9" y="312.2" transform="matrix(-0.866 -0.5 0.5 -0.866 83.0693 663.3409)" width="185" height="16.6"/></g></g>
|
||||||
|
<g><g><rect x="177.1" y="71.1" transform="matrix(-0.866 -0.5 0.5 -0.866 463.3409 283.0693)" width="185" height="16.6"/></g></g>
|
||||||
|
<g><g><rect x="122.1" y="-13" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7903 232.1221)" width="16.6" height="185"/></g></g>
|
||||||
|
<g><g><rect x="109.6" y="151.6" transform="matrix(-0.5 -0.866 0.866 -0.5 266.0828 473.3766)" width="320.3" height="16.6"/></g></g>
|
||||||
|
<g><g><rect x="52.5" y="107.5" width="16.6" height="185"/></g></g>
|
||||||
|
<g><g><rect x="330.9" y="107.5" width="16.6" height="185"/></g></g>
|
||||||
|
<g><g><rect x="262.4" y="240.1" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7953 714.2875)" width="14.5" height="160.9"/></g></g>
|
||||||
|
<path d="M369.5,297.9c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8C373.5,259.9,379.2,281.2,369.5,297.9"/>
|
||||||
|
<path d="M90.9,137c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8C94.8,99,100.5,120.3,90.9,137"/>
|
||||||
|
<path d="M30.5,297.9c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7C61.4,320.3,40.1,314.6,30.5,297.9"/>
|
||||||
|
<path d="M309.1,137c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7C340.1,159.4,318.7,153.7,309.1,137"/>
|
||||||
|
<path d="M200,395.8c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9C234.9,380.1,219.3,395.8,200,395.8"/>
|
||||||
|
<path d="M200,74c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9C234.9,58.4,219.3,74,200,74"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
<nuxt-link
|
<nuxt-link
|
||||||
:to="localePath('settings')"
|
:to="localePath('settings')"
|
||||||
|
|||||||
74
static/icons/graphql.svg
Normal file
74
static/icons/graphql.svg
Normal file
@@ -0,0 +1,74 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 400 400">
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<rect x="122" y="-0.4" transform="matrix(-0.866 -0.5 0.5 -0.866 163.3196 363.3136)" fill="#FFFFFF" width="16.6"
|
||||||
|
height="320.3"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<rect x="39.8" y="272.2" fill="#FFFFFF" width="320.3" height="16.6"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
|
||||||
|
<rect x="37.9" y="312.2" transform="matrix(-0.866 -0.5 0.5 -0.866 83.0693 663.3409)" fill="#FFFFFF" width="185"
|
||||||
|
height="16.6"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
|
||||||
|
<rect x="177.1" y="71.1" transform="matrix(-0.866 -0.5 0.5 -0.866 463.3409 283.0693)" fill="#FFFFFF" width="185"
|
||||||
|
height="16.6"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
|
||||||
|
<rect x="122.1" y="-13" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7903 232.1221)" fill="#FFFFFF" width="16.6"
|
||||||
|
height="185"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
|
||||||
|
<rect x="109.6" y="151.6" transform="matrix(-0.5 -0.866 0.866 -0.5 266.0828 473.3766)" fill="#FFFFFF"
|
||||||
|
width="320.3" height="16.6"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<rect x="52.5" y="107.5" fill="#FFFFFF" width="16.6" height="185"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>s
|
||||||
|
<g>
|
||||||
|
<rect x="330.9" y="107.5" fill="#FFFFFF" width="16.6" height="185"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
|
||||||
|
<rect x="262.4" y="240.1" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7953 714.2875)" fill="#FFFFFF"
|
||||||
|
width="14.5" height="160.9"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path fill="#FFFFFF" d="M369.5,297.9c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8
|
||||||
|
C373.5,259.9,379.2,281.2,369.5,297.9"/>
|
||||||
|
<path fill="#FFFFFF" d="M90.9,137c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8
|
||||||
|
C94.8,99,100.5,120.3,90.9,137"/>
|
||||||
|
<path fill="#FFFFFF" d="M30.5,297.9c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7
|
||||||
|
C61.4,320.3,40.1,314.6,30.5,297.9"/>
|
||||||
|
<path fill="#FFFFFF" d="M309.1,137c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7
|
||||||
|
C340.1,159.4,318.7,153.7,309.1,137"/>
|
||||||
|
<path fill="#FFFFFF" d="M200,395.8c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9
|
||||||
|
C234.9,380.1,219.3,395.8,200,395.8"/>
|
||||||
|
<path fill="#FFFFFF" d="M200,74c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9
|
||||||
|
C234.9,58.4,219.3,74,200,74"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
Reference in New Issue
Block a user