diff --git a/packages/website/pages/_app.js b/packages/website/pages/_app.js index 158df54510..81cdbeb194 100644 --- a/packages/website/pages/_app.js +++ b/packages/website/pages/_app.js @@ -19,10 +19,6 @@ const App = ({ Component, pageProps }) => { const productApp = productRoutes.includes(pathname); const pageClass = pathname.includes('docs') ? 'docs-site' : productApp ? 'product-app' : 'marketing-site'; - useEffect(() => { - document.querySelector('body')?.classList.add(pageClass); - }); - return ( diff --git a/packages/website/pages/products/w3name/index.scss b/packages/website/pages/products/w3name/index.scss index d6472ecc61..034c1b0754 100644 --- a/packages/website/pages/products/w3name/index.scss +++ b/packages/website/pages/products/w3name/index.scss @@ -94,14 +94,19 @@ content: ''; position: absolute; bottom: -10.1rem; - left: 0; - width: 100%; + left: -1%; + width: 102%; height: 14rem; // transform: translateY(-100%); background-size: 100%; background-repeat: no-repeat; background-position: left 0 bottom 0; - background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1365' height='172.072' viewBox='0 0 1365 172.072'%3e%3cpath id='Subtraction_1' data-name='Subtraction 1' d='M1365.5,1490.379H.5V1318.307c2.18,1.03,14.117,6.583,35.282,14.638,11.943,4.545,24.781,9.111,38.157,13.571,16.412,5.472,33.757,10.822,51.551,15.9,44.637,12.743,92.561,23.944,142.44,33.292,29.392,5.508,59.829,10.432,90.465,14.635,33.579,4.607,68.238,8.462,103.013,11.458,23.225,2,46.631,3.5,69.567,4.453,21.313.886,43.042,1.336,64.586,1.336,34.14,0,69.483-1.111,108.051-3.4,35.709-2.115,71.444-5.084,100.157-7.47l4.085-.339.018,0c31.282-2.6,63.629-5.288,95.834-7.255,17.318-1.057,33.294-1.833,48.84-2.372,17.419-.6,33.881-.9,50.327-.9,32.485,0,63.635,1.157,95.23,3.537,16.949,1.277,34.216,2.934,51.319,4.926,17.863,2.08,36.168,4.6,54.408,7.478,29.029,4.588,57.861,10.31,85.7,17.008,25.788,6.206,51.349,13.4,75.973,21.383v30.184h0Z' transform='translate(-0.5 -1318.307)' fill='%23000000'/%3e%3c/svg%3e "); + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1365' height='172.072' viewBox='0 0 1365 172.072'%3e%3cpath id='Subtraction_1' data-name='Subtraction 1' d='M1365.5,1490.379H.5V1318.307c2.18,1.03,14.117,6.583,35.282,14.638,11.943,4.545,24.781,9.111,38.157,13.571,16.412,5.472,33.757,10.822,51.551,15.9,44.637,12.743,92.561,23.944,142.44,33.292,29.392,5.508,59.829,10.432,90.465,14.635,33.579,4.607,68.238,8.462,103.013,11.458,23.225,2,46.631,3.5,69.567,4.453,21.313.886,43.042,1.336,64.586,1.336,34.14,0,69.483-1.111,108.051-3.4,35.709-2.115,71.444-5.084,100.157-7.47l4.085-.339.018,0c31.282-2.6,63.629-5.288,95.834-7.255,17.318-1.057,33.294-1.833,48.84-2.372,17.419-.6,33.881-.9,50.327-.9,32.485,0,63.635,1.157,95.23,3.537,16.949,1.277,34.216,2.934,51.319,4.926,17.863,2.08,36.168,4.6,54.408,7.478,29.029,4.588,57.861,10.31,85.7,17.008,25.788,6.206,51.349,13.4,75.973,21.383v30.184h0Z' transform='translate(-0.5 -1318.307)' fill='%2303040a'/%3e%3c/svg%3e "); + + @media screen and (min-width:1480px) { + background-size: 120%; + background-position: center; + } @include small { display: block; bottom: -6.1rem; diff --git a/packages/website/styles/global.scss b/packages/website/styles/global.scss index 6acca77be1..9bb6229727 100644 --- a/packages/website/styles/global.scss +++ b/packages/website/styles/global.scss @@ -168,7 +168,7 @@ button { } // Next & Grid -body:not(.docs-site) #__next { +body #__next { position: relative; z-index: 2; overflow-x: hidden;