mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
f8ffcbac75
* get all neded data for the header from 3box, aqua and subgraph * fix tvl display error * WIP metadata header styling * added more styling for the header * make page title optional so we can remove it on account page * stroke change for svg images and default values * more styling added to the header * fixed linter * added ocean balance to tvl * update styling for statistcs * fixed eror for go to my account from another account page * updated styling for mobile use * wip show more on explorer links and description * properly display read more for explorer links and description * replaced show more with 3box redirect on description * change accounts default picture and check links length before display element * use optional on links * grid cleanup, new number unit, split up stats * rename all the things, more profile header styling * visual hierarchy, improve image loading experience * layout flow & visual tweaks * more description * replaced account route with profile when accesing a profile by the eth address * use account id from url if exists when fetching data * bump @oceanprotocol/art to v3.2.0 * styling, fallbacks, edge case fixes * clean up Publisher atom, link to profile page * fixed issue when switching to my profile from another profile * output accountId, make it copyable, remove stats icons * render tweaks, markup cleanup * add 3box reference * mobile tabs spacing tweaks * text flow and spacing tweaks Co-authored-by: Matthias Kretschmann <m@kretschmann.io>
36 lines
564 B
CSS
36 lines
564 B
CSS
.button {
|
|
display: inline-block;
|
|
margin: 0;
|
|
border: 0;
|
|
box-shadow: none;
|
|
background: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.icon {
|
|
fill: var(--color-secondary);
|
|
transition: 0.15s ease-out;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.button:hover .icon {
|
|
fill: var(--font-color-text);
|
|
}
|
|
|
|
.copied .icon,
|
|
.button.copied:hover .icon {
|
|
fill: var(--brand-alert-green);
|
|
}
|
|
|
|
.copied::after {
|
|
content: 'Copied!';
|
|
position: absolute;
|
|
top: -150%;
|
|
left: -100%;
|
|
font-size: var(--font-size-mini);
|
|
color: var(--brand-alert-green);
|
|
}
|