114 lines
2.2 KiB
Plaintext
114 lines
2.2 KiB
Plaintext
|
|
.main {
|
|
background-color: var(--oak-bg-color-container);
|
|
height: calc(100% - 44px);
|
|
border-radius: 4px;
|
|
padding: 22px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.label {
|
|
margin-top: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.input {
|
|
margin-top: 12px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
font-size: 28px;
|
|
border-bottom: solid 0.1px silver;
|
|
|
|
.symbol {
|
|
margin-right: 6px;
|
|
}
|
|
}
|
|
.tips {
|
|
margin-top: 12px;
|
|
|
|
.tipLine {
|
|
margin-top: 8px;
|
|
color: dimgrey;
|
|
font-size: x-small;
|
|
|
|
.value {
|
|
color: var(--oak-color-primary);
|
|
font-weight: bolder;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.clickable {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
margin-left: 8px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.helps {
|
|
margin-top: 22px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
|
|
button {
|
|
span {
|
|
font-size: small;
|
|
}
|
|
.up {
|
|
color: blue;
|
|
}
|
|
.down {
|
|
color: skyblue;
|
|
}
|
|
}
|
|
|
|
.label2 {
|
|
color: value(--oak-color-primary)
|
|
}
|
|
.content2 {
|
|
margin-bottom: 8px;
|
|
margin-left: 22px;
|
|
color: slategrey;
|
|
border-radius: 4px;
|
|
padding: 8px;
|
|
}
|
|
}
|
|
|
|
.gotoHistory {
|
|
font-size: larger;
|
|
color: var(--oak-color-primary);
|
|
margin-top: 28px;
|
|
text-decoration: underline;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.btn {
|
|
align-self: flex-end;
|
|
}
|
|
}
|
|
|
|
.container {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
background-color: var(--oak-bg-color-container);
|
|
|
|
|
|
.btns {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 8px;
|
|
|
|
.btn {
|
|
flex: 1;
|
|
margin-left: 8px;
|
|
border-radius: 0px;
|
|
}
|
|
}
|
|
} |