remove duplicate styles

This commit is contained in:
SrGooglo 2025-04-02 00:47:06 +00:00
parent c9c2e543b6
commit 6eafc4c0ad
2 changed files with 91 additions and 202 deletions

View File

@ -96,11 +96,12 @@ export default {
</h3>
</div>
<div className="field">
<div className="inline_field">
<div className="field_header">
<h3>
<Icons.MdOutlineStream /> Origin
</h3>
<div className="field_icon">
<Icons.MdOutlineStream />
</div>
<p>Origin</p>
<antd.Tooltip
title={
@ -131,11 +132,12 @@ export default {
</div>
</div>
<div className="field">
<div className="inline_field">
<div className="field_header">
<h3>
<Icons.MdOutlineMemory /> Instance Performance
</h3>
<div className="field_icon">
<Icons.MdCable />
</div>
<p>Connection</p>
</div>
<div className="field_value">

View File

@ -112,118 +112,5 @@
p {
margin: 0;
}
.inline_field {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 10px;
background-color: var(--background-color-primary);
border-radius: 12px;
.field_header {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 0.8rem;
.field_icon {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: var(--background-color-primary);
border-radius: 100%;
padding: 5px;
font-size: 1rem;
svg {
margin: 0;
}
}
}
.field_value {
font-family: "DM Mono", monospace;
}
}
.field {
display: inline-flex;
flex-direction: column;
margin-bottom: 10px;
gap: 10px;
.field_header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 0.8rem;
h3 {
margin: 0;
}
}
.field_value {
font-size: 0.9rem;
display: flex;
flex-direction: column;
gap: 10px;
margin-left: 10px;
font-family: "DM Mono", monospace;
background-color: var(--background-color-primary);
border-radius: 7px;
padding: 7px;
.ant-progress {
margin: 0;
height: fit-content;
.ant-progress-outer {
height: 0px !important;
}
}
}
}
.group_footer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 10px;
.button {
margin-left: 10px;
}
}
}
}