Crypto trading platform by Firdaus Nur Wachid for One Week Wonders on Dribbble

[ad_1]

*[data-v-71abd4c2],.block-media[data-v-71abd4c2] img,.block-media[data-v-71abd4c2] video{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:8px;object-fit:var(–object-fit)}.block-media . video-container[data-v-71abd4c2]{display:flex;width:100%;height:100%}.block-media .skeleton-wrapper[data-v-71abd4c2]{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.block-media.is-lazy[data-v-71abd4c2] img,.block-media.is-lazy .video-container[data-v-71abd4c2]{opacity:0.001;background-color:#f3f3f4}.block-media.is-lazy[data-v-71abd4c2] img.lazyloaded,.block-media.is-lazy .video-container.is-loaded[data-v-71abd4c2]{transition:0.3s easy-in-out;opacity:1;background-color:transparent} .img-skeleton-wrapper[data-v-6751b68c]{position:relative;width:100%;overflow:hidden}.img-skeleton-wrapper img[data-v-6751b68c],.img-skeleton-wrapper video[data-v-6751b68c],.img-skeleton-wrapper[data-v-6751b68c] img,.img-skeleton-wrapper[data-v-6751b68c] video{opacity: 0}.img-skeleton-wrapper.loaded img[data-v-6751b68c],.img-skeleton-wrapper.loaded video[data-v-6751b68c],.img-skeleton-wrapper.loaded[data-v-6751b68c] img,.img-skeleton-wrapper.loaded[data-v-6751b68c] video{opacity:1}.skeleton-container[data-v-6751b68c]{position:absolute;top:0;width:100%;height:100%;transition:opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);opacity:1;pointer-events:none}.loaded> .skeleton-container[data-v-6751b68c]{opacity:0}.skeleton-template[data-v-6751b68c]{z-index:1;background:#e7e7e9}.skeleton-template.animate-translate[data-v-6751b68c]{overflow:hidden}.skeleton-template.animate-translate[data-v-6751b68c]:after{content:”;display:block;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(-100%);animation:skeleton-translate-data -v-6751b68c 2s infinite; background: linear gradient (90 degrees, transparent, #fff, transparent)}@keyframes skeleton-translate-data-v-6751b68c{100%{transform:translateX(100%)}}

[data-v-0ffb479a] uh,[data-v-0ffb479a] ol{padding-left:26px}[data-v-0ffb479a] uh p,[data-v-0ffb479a] ol p{display:inline-block;vertical-align:top}@media (min-width: 768px){[data-v-0ffb479a] uh,[data-v-0ffb479a] ol{font-family:”Haas Grot Text R Web”,”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:32px}}[data-v-0ffb479a] ul{list-style-type:disc}[data-v-0ffb479a] ol{list-style-type: decimal}[data-v-0ffb479a] h1{font-family:”Haas Grot Text R Web”,”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:24px;font-weight:700;line-height:29px}@media (min- width: 768px){[data-v-0ffb479a] h1{font-family:”Haas Grot Text R Web”,”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:32px;font-weight:700;line-height:38px}}[data-v-0ffb479a] h2{font-family:”Haas Grot Text R Web”,”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:20px;font-weight:500;line-height:29px}@media (min- width: 768px){[data-v-0ffb479a] h2{font-family:”Haas Grot Text R Web”,”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:24px;font-weight:700;line-height:29px}}[data-v-0ffb479a] p{font-family:”Haas Grot Text R Web”,”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:28px}@media (min- width: 768px){[data-v-0ffb479a] p{font-family:”Haas Grot Text R Web”,”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:32px}}[data-v-0ffb479a] h1+p,[data-v-0ffb479a] h1+h2,[data-v-0ffb479a] h1+ol,[data-v-0ffb479a] h1+ul{margin-top:16px}[data-v-0ffb479a] h1:empty:after,[data-v-0ffb479a] h2:empty:after,[data-v-0ffb479a] p:empty:after{content:’\00A0′} .thumbnails-container[data-v-10a588e5]{position:relative;width:100%}.thumbnails-list[data-v-10a588e5]{display:flex;box-sizing:border-box;width:100%;margin:0;list-style:none;user-select:none}.thumbnails-list.is-editing[data-v-10a588e5]{flex-wrap:wrap;justify-content:center}.thumbnails-list.is-viewing[data-v-10a588e5]{position:relative;justify-content:flex-start;padding:0 0 3px 24px;overflow:hidden}.thumbnails-list.is-viewing[data-v-10a588e5]::-webkit-scrollbar{display:none}.thumbnails-list.is-viewing[data-v-10a588e5]:after{content:”;min-width:24px}@media (max-width: 767px){.thumbnails-list.is-viewing[data-v-10a588e5]{overflow-x:scroll;-webkit-overflow-scrolling:touch}}.thumbnails-list[data-v-10a588e5] .sortable-ghost{opacity:0.4}.scroll-indicator[data-v-10a588e5]{position:absolute;z-index:2;top:0;width:24px;height:100%;background:linear-gradient(var(–scroll-indicator-direction, to right), #fff 0%, rgba (255,255,255.0) 100%);pointer-events:none}.scroll-indicator.left[data-v-10a588e5]{left:0}.scroll-indicator.right[data-v-10a588e5]{–scroll-indicator-direction: left; to the right: 0}.thumbnail-wrapper[data-v-10a588e5]{position:relative;margin:16px 5px 0}.thumbnail-wrapper[data-v-10a588e5]:first-child{margin-left:0}.thumbnail-wrapper[data-v-10a588e5]:last-child{margin-right:0}.thumbnail-button[data-v-10a588e5]{display:grid;place-items:center;position:relative;box-sizing:content-box;width:80px;height:60px;padding:3px;border:none;background:none;cursor:pointer;appearance:none }.thumbnail-button.is-active[data-v-10a588e5]{–thumb-border-color: #ea4c89;–thumb-border-scale: 1;–thumb-border-opacity: 1}.thumbnail-button[data-v-10a588e5]:hover,.thumbnail-button[data-v-10a588e5]:focus{–thumb-border-scale: 1;–thumb-border-opacity: 1}.thumbnail-button[data-v-10a588e5]:before{content:”;display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transformation:scale(var(–thumb-border- scale, 0.9) ); transition: every 0.4 s cube-bézier (0.22, 1, 0.36, 1); border-radius: 10px; opacity: var(–thumb-border-opacity, 0); background-color: var (–thumb-border-color, #e7e7e9)}.thumbnail-button[data-v-10a588e5] .block-media-wrapper{transform:translate3d(0, 0, 0);aspect-ratio:initial!important}.thumbnail-button[data-v-10a588e5] .v-video{pointer-events: none}.thumbnail-button[data-v-10a588e5] .skeleton-wrapper{border-radius:8px}.delete-button[data-v-10a588e5]{display:grid;position:absolute;z-index:2;top:-8px;right:-8px;width:27px;height:27px;padding:0;border:none;border-radius:50%;background- color:#0d0c22;color:#fff;cursor:pointer;place-items:center;appearance:none}.delete-button[data-v-10a588e5]:hover{background-color:#ea4c89}@media (min-width: 768px){.delete-button[data-v-10a588e5]{visibility:hidden}:hover>.delete-button[data-v-10a588e5]{visibility: visible}}.delete-button[data-v-10a588e5] .delete-icon{width:13px;margin-top:-1px;fill:#fff}.create-slide-button[data-v-10a588e5]{–thumb-border-scale: 0.4;–thumb-border-color: #fafafb;box-sizing:border-box;margin:3px 0 0 3px;padding:0;transition:all 0.4s cubic-bezier( 0.22, 1, 0.36, 1);border:2px dashed #e7e7e9;border-radius:8px;color:#6e6d7a}.create-slide-button[data-v-10a588e5] .plus-icon{position:relative;z-index:2;width:11px;height:100%}.create-slide-button[data-v-10a588e5]:before{z-index:-1}.create-slide-button[data-v-10a588e5]:hover{border-color:#ea4c89;color:#ea4c89}.media-type-icon[data-v-10a588e5]{position:absolute;z-index:2;top:3px;right:5px;width:24px;height:24px;background-size:120px;pointer-events:none}.media-type-icon.animation[data-v-10a588e5]{background-position:96px 0} .carousel[data-v-ed64d96e]{display:flex;position:relative;align-items:center;width:100%;aspect-ratio:var(–aspect-ratio)}.carousel:hover .navigation-controls[data-v-ed64d96e]{opacity: 1}.base-carousel[data-v-ed64d96e]{position:relative;z-index:2;width:100%;height:100%;overflow:hidden;border-radius:8px;background-color:#f8f8f8}.base-carousel[data-v-ed64d96e] .flickity-viewport{height:100%!important}.base-carousel[data-v-ed64d96e] .block-media>*,.base-carousel[data-v-ed64d96e] .block-media img,.base-carousel[data-v-ed64d96e] .block-media video{border-radius:0}.skeleton[data-v-ed64d96e]{position:absolute!important;z-index:1;top:0;left:0;width:100%;height:100%}.navigation-controls[data-v-ed64d96e]{display:none;position:absolute;z-index:2;width:84px;height:60%;transition:opacity 200ms easy;opacity:0;color:#fff;cursor:pointer}@media (min-width: 768px){.navigation-controls[data-v-ed64d96e]{display:flex;align-items:center;justify-content:center}}.navigation-controls[data-v-ed64d96e] .arrow{width:10px;height:10px;padding:8px;overflow:hidden;transition:0.3s cubic-bezier(0.075, 0.82, 0.165, 1);border-radius:50%;background-color:#fff; box-shadow:#0d0c22 0px 7px 14px -7px;color:#9e9ea7}.navigation-controls[data-v-ed64d96e]:hover .arrow{background-color:#ea4c89;color:#fff}.navigation-controls.prev-button[data-v-ed64d96e]{left:0}.navigation-controls.next-button[data-v-ed64d96e]{right:0} ]]> Hello, dribblers

This is an exploration of Crypto Trading Platform

Dashboard component

Do you have an idea for a trading platform dashboard? We are ready to help you. Contact us now!

Email | whatsapp | Telegram | Skype | talk with us

[ad_2]