style: adjust UI elements spacing and outline styles across components

This commit is contained in:
2025-10-16 14:41:17 +02:00
parent 2988ce5335
commit 10ca28b2ec
52 changed files with 345 additions and 6 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[698],{4631:function(e,t,i){Promise.resolve().then(i.bind(i,264)),Promise.resolve().then(i.bind(i,6365))},264:function(e,t,i){"use strict";i.d(t,{AnimatedSection:function(){return s}});var n=i(7437),r=i(2265),o=i(8733),a=i(4915);function s(e){let{children:t}=e,i=(0,r.useRef)(null),s=(0,o.Y)(i,{once:!0,margin:"-20% 0px -20% 0px"});return(0,n.jsx)(a.E.section,{ref:i,initial:{opacity:0,y:50},animate:{opacity:s?1:0,y:s?0:50},transition:{duration:.5},children:t})}},6365:function(e,t,i){"use strict";i.d(t,{default:function(){return s}});var n=i(7437),r=i(6648),o=i(4915);let a=[{name:"Download for iOS & MacOS",description:"Download Mycelium App from the Apple Store.",href:"https://apps.apple.com/us/app/mycelium-network/id6504277565",icon:{src:"/_next/static/media/apple.2d4c25bd.svg",height:80,width:80,blurWidth:0,blurHeight:0}},{name:"Download for Windows",description:"Download the Mycelium App for Windows directly from its Github repository.",href:"https://github.com/threefoldtech/myceliumflut/releases",icon:{src:"/_next/static/media/windows.6f805c4f.svg",height:80,width:80,blurWidth:0,blurHeight:0}},{name:"Download for Android",description:"Download Mycelium from the Google Play Store.",href:"https://play.google.com/store/apps/details?id=tech.threefold.mycelium&pli=1",icon:{src:"/_next/static/media/android.de815da5.svg",height:80,width:80,blurWidth:0,blurHeight:0}},{name:"Download for Linux",description:"Download the Mycelium binary for Linux directly from its Github repository.",href:"https://github.com/threefoldtech/mycelium/releases",icon:{src:"/_next/static/media/linux.2d41869b.svg",height:312,width:266,blurWidth:0,blurHeight:0}}];function s(){return(0,n.jsx)("div",{className:" py-16 sm:py-32",children:(0,n.jsxs)("div",{className:"mx-auto max-w-7xl px-6 lg:px-8",children:[(0,n.jsxs)("div",{className:"mx-auto max-w-2xl lg:mx-0",children:[(0,n.jsx)(o.E.h2,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"text-5xl lg:text-6xl font-medium tracking-tight text-gray-900",children:"Download Mycelium"}),(0,n.jsxs)(o.E.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.2},className:"mt-6 text-lg/8 text-gray-600",children:["Get Mycelium for Android, Windows, macOS, and iOS to securely connect, store, and interact with the decentralized network—seamlessly and efficiently. Not sure how it works?"," ",(0,n.jsx)("a",{href:"https://threefold.info/mycelium_network/docs/",className:"text-gray-900 hover:text-cyan-500 transition-colors font-semibold underline",children:"Read the manual."})]})]}),(0,n.jsx)("div",{className:"mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none",children:(0,n.jsx)("dl",{className:"grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none md:grid-cols-2 lg:grid-cols-4",children:a.map(e=>(0,n.jsxs)("div",{className:"flex flex-col rounded-lg border border-gray-200 p-8 shadow-sm transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20",children:[(0,n.jsxs)("dt",{className:"text-base/7 font-semibold text-gray-900",children:[(0,n.jsx)("div",{className:"mb-6 flex h-10 w-10 items-center justify-center",children:(0,n.jsx)(r.default,{src:e.icon,alt:"",className:"h-10 w-10"})}),e.name]}),(0,n.jsxs)("dd",{className:"mt-1 flex flex-auto flex-col text-base/7 text-gray-600",children:[(0,n.jsx)("p",{className:"flex-auto",children:e.description}),(0,n.jsx)("p",{className:"mt-6",children:(0,n.jsxs)("a",{href:e.href,className:"text-sm/6 font-semibold text-cyan-500 hover:text-cyan-500",children:["Download Now ",(0,n.jsx)("span",{"aria-hidden":"true",children:"→"})]})})]})]},e.name))})})]})})}},8733:function(e,t,i){"use strict";i.d(t,{Y:function(){return o}});var n=i(2265);i(9047);let r={some:0,all:1};function o(e,{root:t,margin:i,amount:o,once:a=!1}={}){let[s,l]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(!e.current||a&&s)return;let n={root:t&&t.current||void 0,margin:i,amount:o};return function(e,t,{root:i,margin:n,amount:o="some"}={}){var a;let s=("string"==typeof(a=e)?a=document.querySelectorAll(a):a instanceof Element&&(a=[a]),Array.from(a||[])),l=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let i=l.get(e.target);if(!!i!==e.isIntersecting){if(e.isIntersecting){let i=t(e);"function"==typeof i?l.set(e.target,i):c.unobserve(e.target)}else i&&(i(e),l.delete(e.target))}})},{root:i,rootMargin:n,threshold:"number"==typeof o?o:r[o]});return s.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(l(!0),a?void 0:()=>l(!1)),n)},[t,e,i,a,o]),s}}},function(e){e.O(0,[184,971,23,744],function(){return e(e.s=4631)}),_N_E=e.O()}]);

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95],{5352:function(e,n,s){Promise.resolve().then(s.bind(s,7582)),Promise.resolve().then(s.bind(s,2664))}},function(e){e.O(0,[501,184,480,39,557,971,23,744],function(){return e(e.s=5352)}),_N_E=e.O()}]);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[409],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{7499:function(e,n,_){Promise.resolve().then(_.t.bind(_,7856,23)),Promise.resolve().then(_.t.bind(_,1983,23))},1983:function(){},7856:function(e){e.exports={style:{fontFamily:"'__Inter_f367f3', '__Inter_Fallback_f367f3'",fontStyle:"normal"},className:"__className_f367f3",variable:"__variable_f367f3"}}},function(e){e.O(0,[348,971,23,744],function(){return e(e.s=7499)}),_N_E=e.O()}]);

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[160],{49:function(e,n,s){Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,7582)),Promise.resolve().then(s.bind(s,2664))}},function(e){e.O(0,[501,184,480,39,557,971,23,744],function(){return e(e.s=49)}),_N_E=e.O()}]);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[744],{4025:function(e,n,t){Promise.resolve().then(t.t.bind(t,5751,23)),Promise.resolve().then(t.t.bind(t,6513,23)),Promise.resolve().then(t.t.bind(t,6130,23)),Promise.resolve().then(t.t.bind(t,9275,23)),Promise.resolve().then(t.t.bind(t,5324,23)),Promise.resolve().then(t.t.bind(t,1343,23))}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[971,23],function(){return n(1028),n(4025)}),_N_E=e.O()}]);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[888],{1597:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return u(2239)}])}},function(n){var _=function(_){return n(n.s=_)};n.O(0,[774,179],function(){return _(1597),_(6036)}),_N_E=n.O()}]);

View File

@@ -0,0 +1 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[820],{1981:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return u(3387)}])}},function(n){n.O(0,[888,774,179],function(){return n(n.s=1981)}),_N_E=n.O()}]);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
!function(){"use strict";var e,t,n,r,o,u,i,c,f,a={},l={};function d(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}},r=!0;try{a[e](n,n.exports,d),r=!1}finally{r&&delete l[e]}return n.exports}d.m=a,e=[],d.O=function(t,n,r,o){if(n){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u<e.length;u++){for(var n=e[u][0],r=e[u][1],o=e[u][2],c=!0,f=0;f<n.length;f++)i>=o&&Object.keys(d.O).every(function(e){return d.O[e](n[f])})?n.splice(f--,1):(c=!1,o<i&&(i=o));if(c){e.splice(u--,1);var a=r();void 0!==a&&(t=a)}}return t},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},d.t=function(e,r){if(1&r&&(e=this(e)),8&r||"object"==typeof e&&e&&(4&r&&e.__esModule||16&r&&"function"==typeof e.then))return e;var o=Object.create(null);d.r(o);var u={};t=t||[null,n({}),n([]),n(n)];for(var i=2&r&&e;"object"==typeof i&&!~t.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach(function(t){u[t]=function(){return e[t]}});return u.default=function(){return e},d.d(o,u),o},d.d=function(e,t){for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.f={},d.e=function(e){return Promise.all(Object.keys(d.f).reduce(function(t,n){return d.f[n](e,t),t},[]))},d.u=function(e){},d.miniCssF=function(e){},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r={},o="_N_E:",d.l=function(e,t,n,u){if(r[e]){r[e].push(t);return}if(void 0!==n)for(var i,c,f=document.getElementsByTagName("script"),a=0;a<f.length;a++){var l=f[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==o+n){i=l;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,d.nc&&i.setAttribute("nonce",d.nc),i.setAttribute("data-webpack",o+n),i.src=d.tu(e)),r[e]=[t];var s=function(t,n){i.onerror=i.onload=null,clearTimeout(p);var o=r[e];if(delete r[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(function(e){return e(n)}),t)return t(n)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=s.bind(null,i.onerror),i.onload=s.bind(null,i.onload),c&&document.head.appendChild(i)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.tt=function(){return void 0===u&&(u={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(u=trustedTypes.createPolicy("nextjs#bundler",u))),u},d.tu=function(e){return d.tt().createScriptURL(e)},d.p="/_next/",i={272:0,348:0},d.f.j=function(e,t){var n=d.o(i,e)?i[e]:void 0;if(0!==n){if(n)t.push(n[2]);else if(/^(272|348)$/.test(e))i[e]=0;else{var r=new Promise(function(t,r){n=i[e]=[t,r]});t.push(n[2]=r);var o=d.p+d.u(e),u=Error();d.l(o,function(t){if(d.o(i,e)&&(0!==(n=i[e])&&(i[e]=void 0),n)){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",u.name="ChunkLoadError",u.type=r,u.request=o,n[1](u)}},"chunk-"+e,e)}}},d.O.j=function(e){return 0===i[e]},c=function(e,t){var n,r,o=t[0],u=t[1],c=t[2],f=0;if(o.some(function(e){return 0!==i[e]})){for(n in u)d.o(u,n)&&(d.m[n]=u[n]);if(c)var a=c(d)}for(e&&e(t);f<o.length;f++)r=o[f],d.o(i,r)&&i[r]&&i[r][0](),i[r]=0;return d.O(a)},(f=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(c.bind(null,0)),f.push=c.bind(null,f.push.bind(f))}();