Page MenuHomePhabricator
Differential D8452 Diff 25891 web/cashtab/src/components/App.css

Changeset View

Standalone View

View Options

web/cashtab/src/components/App.css

  • This file was added.
@import "~antd/dist/antd.less";
@import "~@fortawesome/fontawesome-free/css/all.css";
@import url("https://fonts.googleapis.com/css?family=Khula&display=swap&.css");
@font-face {
font-family: "Roboto Mono";
src: local("Roboto Mono"), url(../assets/fonts/RobotoMono-Regular.ttf) format("truetype");
font-weight: normal;
}
aside::-webkit-scrollbar {
width: 0.3em;
}
aside::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #13171f;
}
aside::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
/* Hide up and down arros on input type="number" */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Hide up and down arros on input type="number" */
/* Firefox */
input[type="number"] {
-moz-appearance: textfield;
}
html,
body {
max-width: 100%;
overflow-x: hidden;
}
.ant-modal-wrap.ant-modal-centered::-webkit-scrollbar {
display: none;
}
.App {
text-align: center;
font-family: "Gilroy", sans-serif;
background-color: #fbfbfd;
}
.App-logo {
width: 100%;
display: block;
}
.logo img {
width: 100%;
min-width: 193px;
display: block;
padding-left: 24px;
padding-right: 34px;
padding-top: 24px;
max-width: 200px;
}
.ant-list-item-meta .ant-list-item-meta-content {
display: flex;
}
#react-qrcode-logo {
border-radius: 8px;
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #f59332;
}
.ant-menu-item-group-title {
padding-left: 30px;
font-size: 20px !important;
font-weight: 500 !important;
}
.ant-menu-item > span {
font-size: 14px !important;
font-weight: 500 !important;
}
.ant-card-actions > li > span:hover,
.ant-btn:hover,
.ant-btn:focus {
color: #f59332;
transition: color 0.3s;
background-color: white;
}
.ant-card-actions > li {
color: #3e3f42;
}
.anticon {
color: #3e3f42;
}
.ant-list-item-meta-description,
.ant-list-item-meta-title {
color: #3e3f42;
}
.ant-list-item-meta-description > :first-child {
right: 20px !important;
position: absolute;
}
.ant-modal-body .ant-list-item-meta {
height: 85px;
width: 85px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
overflow: visible !important;
}
/* .ant-radio-group-solid .ant-radio-button-wrapper {
margin-top: 0px;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked {
border: none !important;
box-shadow: none !important;
} */
.identicon {
border-radius: 50%;
width: 200px;
height: 200px;
margin-top: -75px;
margin-left: -75px;
margin-bottom: 20px;
box-shadow: 1px 1px 2px 1px #444;
}
.ant-list-item-meta {
width: 40px;
height: 40px;
}
/* .ant-radio-group-solid .ant-radio-button-wrapper-checked {
background: #ff8d00 !important;
}
.ant-radio-group.ant-radio-group-solid.ant-radio-group-small {
font-size: 14px !important;
font-weight: 600 !important;
vertical-align: middle;
border-radius: 100px;
overflow: auto;
background: rgba(255, 255, 255, 0.5) !important;
margin-top: 14px;
margin-bottom: 10px;
cursor: pointer;
} */
input.ant-input,
.ant-select-selection {
background-color: #fff !important;
box-shadow: none !important;
border: 1px solid #eaedf3 !important;
border-radius: 4px;
font-weight: bold;
color: rgb(62, 63, 66);
opacity: 1;
padding: 11px 5px;
height: 50px;
}
.ant-select-selection:hover {
border: 1px solid #eaedf3;
}
.ant-select-selection-selected-value {
color: rgb(62, 63, 66);
}
.ant-select-dropdown-menu-item {
color: #444;
background-color: #fff;
}
.ant-select-dropdown-menu-item-active,
.ant-select-dropdown-menu-item:hover {
color: #fff;
background-color: #ff8d00 !important;
}
.ant-checkbox-inner {
border: 1px solid #eaedf3 !important;
background: white;
}
.ant-checkbox-inner::after {
border-color: white !important;
}
.ant-card-bordered {
border: 1px solid rgb(234, 237, 243);
border-radius: 8px;
}
.ant-card-actions {
border-top: 1px solid rgb(234, 237, 243);
border-bottom: 1px solid rgb(234, 237, 243);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.35);
}
.ant-input-group-addon {
background-color: #f4f4f4 !important;
border: 1px solid rgb(234, 237, 243);
color: #3e3f42 !important;
* {
color: #3e3f42 !important;
}
}
.ant-menu-item.ant-menu-item-selected > * {
color: #fff !important;
}
.ant-menu-item.ant-menu-item-selected {
border: 0;
overflow: hidden;
text-align: left;
padding-left: 28px;
background-color: rgba(255, 255, 255, 0.2) !important;
}
.ant-btn {
border-radius: 8px;
background-color: #fff;
color: rgb(62, 63, 66);
font-weight: bold;
}
.ant-card-actions > li:not(:last-child) {
border-right: 0;
}
.ant-list-item-meta-avatar > img {
margin-left: -12px;
transform: translate(0, -6px);
}
.ant-list-item-meta-avatar > svg {
margin-right: -70px;
}
/* Removing these for ABC SLP warning
.ant-alert-warning {
background-color: #20242d;
border: 1px solid #17171f;
border-radius: 0;
}
.ant-alert-message {
color: #fff;
}
*/
.ant-layout-sider-dark {
background: linear-gradient(0deg, #040c3c, #212c6e);
}
.ant-menu-dark {
background: none;
}
.ant-layout-sider-zero-width-trigger.ant-layout-sider-zero-width-trigger-left
.anticon.anticon-bars {
color: #fff;
transform: scale(1.3);
}
.ant-layout-sider-zero-width-trigger.ant-layout-sider-zero-width-trigger-left {
background: #3e3f42;
border-radius: 0 8px 8px 0;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
border-right-color: transparent !important;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
border-left-color: #20242d !important;
}
.audit {
a,
a:active {
color: #46464a;
}
a:hover {
color: #111117;
}
}
.dividends {
a,
a:active {
color: #111117;
}
a:hover {
color: #46464a;
}
}
.ant-popover-inner-content {
color: white;
}
.ant-modal-body .ant-card {
max-width: 100%;
}
.ant-upload.ant-upload-drag {
border: 1px solid #eaedf3;
border-radius: 8px;
background: #d3d3d3;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
background-color: #ffffff;
}
/* .ant-radio-button-wrapper {
border: none;
}
.ant-radio-button-wrapper-checked {
border-radius: none !important;
} */
/* .ant-radio-button-wrapper:first-child, .ant-radio-button-wrapper:last-child {
border-radius: 0 0 0 0;
} */
.ant-radio-group {
width: 100%;
margin-top: 10px;
}
.ant-radio-button-wrapper {
background: rgba(255, 255, 255, 0.2);
width: 104px;
border: none;
text-align: center;
color: #fff;
}
.ant-radio-button-wrapper:hover {
color: #fff;
background: rgba(255, 255, 255, 0.3);
}
.ant-radio-group-small .ant-radio-button-wrapper {
height: 35px;
line-height: 35px;
}
.ant-radio-button-wrapper-checked {
background: #ff8d00 !important;
border: none !important;
}
.ant-radio-button-wrapper:first-child {
border-radius: 100px 0 0 100px;
}
.ant-radio-button-wrapper:last-child {
border-radius: 0 100px 100px 0;
}
::selection {
background-color: #ff8d00;
}
@media (max-width: 768px) {
.ant-notification {
width: 100%;
top: 20px !important;
max-width: unset;
margin-right: 0;
}
}
@media (max-width: 350px) {
.ant-select-selection-selected-value {
font-size: 10px;
}
}