304 lines
12 KiB
SCSS
304 lines
12 KiB
SCSS
@media screen and (min-width: 640px) {
|
|
.rootConfigPanel {
|
|
padding: 0px 50px 0px 30px;
|
|
//align-items: center;
|
|
//background: var(--semi-color-bg-0);
|
|
//flex-direction: column;
|
|
//height: auto;
|
|
//overflow: auto;
|
|
//row-gap: 0;
|
|
//min-width: auto;
|
|
//max-width: auto;
|
|
//display: flex;
|
|
//color: var(--semi-color-text-0);
|
|
//font-family: Inter;
|
|
//font-size: 20px;
|
|
//font-weight: 600;
|
|
//letter-spacing: 0.4px;
|
|
//line-height: 28px;
|
|
//text-align: left;
|
|
|
|
.main {
|
|
//align-items: center;
|
|
display: flex;
|
|
flex-basis: 0;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
//padding: 40px 0px 0px;
|
|
row-gap: 32px;
|
|
align-self: stretch;
|
|
|
|
.content {
|
|
//align-items: flex-start;
|
|
//align-items: center;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
row-gap: 32px;
|
|
flex-shrink: 0;
|
|
|
|
.item {
|
|
min-width: 175px;
|
|
vertical-align: middle;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.form {
|
|
//align-items: flex-start;
|
|
//align-items: center;
|
|
//display: flex;
|
|
//flex-direction: column;
|
|
//row-gap: 16px;
|
|
//min-width: 50px;
|
|
//max-width: 965px;
|
|
flex-shrink: 0;
|
|
//color: var(--semi-color-text-0);
|
|
//font-family: "PingFang SC";
|
|
//font-size: 16px;
|
|
//font-weight: 500;
|
|
//letter-spacing: 0.32px;
|
|
//line-height: 22px;
|
|
//text-align: left;
|
|
|
|
.frameDownload {
|
|
//align-items: flex-start;
|
|
border-color: rgb(var(--semi-grey-2));
|
|
border-radius: 6px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
padding: 25px 50px 50px;
|
|
row-gap: 10px;
|
|
align-self: stretch;
|
|
min-width: 12px;
|
|
max-width: auto;
|
|
|
|
.frameInside {
|
|
align-items: center;
|
|
column-gap: 4px;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
|
|
.group {
|
|
height: 20px;
|
|
position: relative;
|
|
width: 20px;
|
|
flex-shrink: 0;
|
|
|
|
.buttonOnlyIconSecond {
|
|
background: rgb(16, 192, 25);
|
|
border-radius: 8px;
|
|
height: 20px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
top: 0;
|
|
width: 20px;
|
|
position: absolute;
|
|
}
|
|
|
|
.lineStory {
|
|
height: 10px;
|
|
left: 4.5px;
|
|
overflow: hidden;
|
|
top: 4.5px;
|
|
width: 12px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
.meegoSharedWebWorkIt {
|
|
min-width: 68px;
|
|
vertical-align: bottom;
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
}
|
|
.frameUpload {
|
|
align-items: flex-start;
|
|
border-color: rgb(var(--semi-grey-2));
|
|
border-radius: 6px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
padding: 25px 50px 50px;
|
|
row-gap: 10px;
|
|
align-self: stretch;
|
|
|
|
.frameInside {
|
|
align-items: center;
|
|
column-gap: 4px;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
|
|
.group {
|
|
height: 20px;
|
|
position: relative;
|
|
width: 20px;
|
|
flex-shrink: 0;
|
|
|
|
.buttonOnlyIconSecond {
|
|
background: rgb(236, 23, 66);
|
|
border-radius: 8px;
|
|
height: 20px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
top: 0;
|
|
width: 20px;
|
|
position: absolute;
|
|
}
|
|
|
|
.lineStory {
|
|
height: 10px;
|
|
left: 4.5px;
|
|
overflow: hidden;
|
|
top: 4.5px;
|
|
width: 12px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
.meegoSharedWebWorkIt {
|
|
min-width: 68px;
|
|
vertical-align: bottom;
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.framePlatformConfig {
|
|
align-items: flex-start;
|
|
border-color: rgb(var(--semi-grey-2));
|
|
border-radius: 6px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
padding: 25px 50px 50px;
|
|
row-gap: 10px;
|
|
align-self: stretch;
|
|
|
|
.frameInside {
|
|
align-items: center;
|
|
column-gap: 4px;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
|
|
.group {
|
|
height: 20px;
|
|
position: relative;
|
|
width: 20px;
|
|
flex-shrink: 0;
|
|
|
|
.outlinedVersion {
|
|
height: 10px;
|
|
left: 5px;
|
|
overflow: hidden;
|
|
top: 5px;
|
|
width: 10px;
|
|
position: absolute;
|
|
}
|
|
|
|
.buttonOnlyIconSecond {
|
|
background: rgb(47, 76, 206);
|
|
border-radius: 8px;
|
|
height: 20px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
top: 0;
|
|
width: 20px;
|
|
position: absolute;
|
|
}
|
|
.lineStory {
|
|
height: 15px;
|
|
left: 4.5px;
|
|
overflow: hidden;
|
|
top: 4.1px;
|
|
width: 12px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
.meegoSharedWebSettin {
|
|
min-width: 68px;
|
|
vertical-align: bottom;
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.frameDeveloper {
|
|
align-items: flex-start;
|
|
border-color: rgb(var(--semi-grey-2));
|
|
border-radius: 6px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
padding: 25px 50px 50px;
|
|
row-gap: 10px;
|
|
align-self: stretch;
|
|
|
|
.frameInside {
|
|
align-items: center;
|
|
column-gap: 4px;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
|
|
.group {
|
|
height: 20px;
|
|
position: relative;
|
|
width: 20px;
|
|
flex-shrink: 0;
|
|
|
|
.outlinedVersion {
|
|
height: 10px;
|
|
left: 5px;
|
|
overflow: hidden;
|
|
top: 5px;
|
|
width: 10px;
|
|
position: absolute;
|
|
}
|
|
|
|
.buttonOnlyIconSecond {
|
|
background: rgb(200, 109, 5);
|
|
border-radius: 8px;
|
|
height: 20px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
top: 0;
|
|
width: 20px;
|
|
position: absolute;
|
|
}
|
|
.lineStory {
|
|
height: 15px;
|
|
left: 4.5px;
|
|
overflow: hidden;
|
|
top: 4.1px;
|
|
width: 12px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
.meegoSharedWebSettin {
|
|
min-width: 68px;
|
|
vertical-align: bottom;
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
}
|
|
.line {
|
|
flex-shrink: 0;
|
|
height: 0;
|
|
align-self: stretch;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|