RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove duplicate styles

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/app/src/settings/about/index.jsx
View File

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

275
packages/app/src/settings/about/index.less
View File

@ -1,229 +1,116 @@
@border-radius: 12px; @border-radius: 12px;
.about_app { .about_app {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
color: var(--text-color); color: var(--text-color);
gap: 20px; gap: 20px;
.header { .header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-self: center; align-self: center;
width: 100%; width: 100%;
padding: 20px; padding: 20px;
border-radius: @border-radius; border-radius: @border-radius;
background-color: var(--background-color-accent); background-color: var(--background-color-accent);
.branding { .branding {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
.ant-tag { .ant-tag {
margin: 0; margin: 0;
width: fit-content; width: fit-content;
} }
.logo { .logo {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
width: 60px; width: 60px;
height: 100%; height: 100%;
margin-right: 20px; margin-right: 20px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.texts { .texts {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
gap: 6px; gap: 6px;
.sitename-text { .sitename-text {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
h2 { h2 {
margin: 0; margin: 0;
} }
} }
} }
h1, h1,
h2, h2,
h3 { h3 {
height: fit-content; height: fit-content;
line-height: 24px; line-height: 24px;
} }
span { span {
height: fit-content; height: fit-content;
color: var(--background-color-contrast); color: var(--background-color-contrast);
font-size: 10px; font-size: 10px;
} }
} }
} }
.group { .group {
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding: 15px; padding: 15px;
gap: 10px; gap: 10px;
background-color: var(--background-color-accent); background-color: var(--background-color-accent);
border-radius: @border-radius; border-radius: @border-radius;
h1, h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5,
h6, h6,
p { p {
margin: 0; 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;
}
}
}
}