ghost-portal/packages/apps/public/index.html
MiZiet 42ef182879
Style identity and balance sections in sidebar (#6096)
* Add subs modal

* Add tests

* Add Translations

* Improve closing modal

* Improve tests

* Improve styles

* Style balances & identity

* Optimize imports

* Improve styles

* Set greater width to balance section

* Rename subs modal toggle

* Change 'amount' to 'count' in test name

* Set make modal header fixed while content is scrollable

* Style multisig

* Update multisig styles

* Capitalize headers

* Move sidebar tests to Sidebar.spec.tsx

* Remove duplications in tests

* Add UserIcon component

* Revert subs modal changes and add scrollable section in Sidebar

* Remove unused styles

* Use accountsPage clearAccount method

* Wrap subs into Expander

* Add useSubidentities hook

* Adjust api mock in tests

* WIP - split judgements

* Revert mistaken commit

Co-authored-by: Krzysztof Jelski <krzysztof@ethworks.io>
Co-authored-by: Ewa Kowalska <ewcia.kowalska@gmail.com>
2021-09-19 08:49:23 +02:00

77 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="manifest.json">
<link rel="shortcut icon" href="favicon.ico">
<title><%= htmlWebpackPlugin.options.PAGE_TITLE %></title>
<script type="text/javascript" src="/env-config.js"></script>
<style>
:root {
--font-mono: 0.9em Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
--font-sans: 1em "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-weight-bold: 700;
--font-weight-light: 200;
--font-weight-normal: 400;
--width-full: 1750px;
--width-half: 875px;
--bg-menu-hover: rgba(255, 255, 255, 0.2);
--border-input: rgba(34, 36, 38, .15);
}
[data-theme="dark"] {
--bg-input: #38393f;
--bg-input-error: #48393f;
--bg-inverse: rgba(78, 78, 78, 0.66);
--bg-menu: #26272c;
--bg-page: #26272c;
--bg-table: #3b3d3f;
--bg-tabs: #38393f;
--bg-toggle: #58595f;
--bg-sidebar: #1a1b20;
--border-table: #343536;
--border-tabs: #343536;
--color-checkbox: rgba(78, 78, 78, 0.66);
--color-error: rgba(255, 83, 83, 0.8);
--color-label: rgba(244, 242, 240, 0.45);
--color-summary: rgba(244, 242, 240, 0.75);
--color-table-foot: rgba(254, 240, 240, 0.66);
--color-table-head: rgba(254, 240, 240, 0.66);
--color-text: rgba(244, 242, 240, 0.9);
}
[data-theme="light"] {
--bg-input: #ffffff;
--bg-input-error: #fff6f6;
--bg-inverse: rgba(244, 242, 240, 0.91);
--bg-menu: #ffffff;
--bg-page: #f5f3f1;
--bg-table: #ffffff;
--bg-tabs: #ffffff;
--bg-toggle: #e4e5e6;
--bg-sidebar: #fafafa;
--border-table: #f1efed;
--border-tabs: #f1efed;
--color-checkbox: rgba(34, 36, 38, 0.15);
--color-error: rgba(139, 0, 0);
--color-label: rgba(78, 78, 78, 0.66);
--color-summary: rgba(0, 0, 0, 0.6);
--color-table-foot: rgba(78, 78, 78, 0.66);
--color-table-head: rgba(78, 78, 78, 0.66);
--color-text: #4e4e4e;
}
</style>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<div id="tooltips"></div>
<script>
if (window.self !== window.top) {
window.top.location.href = window.location.href;
}
</script>
</body>
</html>