YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update setting dialog

Browse Source
This commit is contained in:
boojack
2022-05-04 12:05:50 +08:00
parent f5aaaca949
commit 48a20c2b38
5 changed files with 109 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
web/src/less/setting-dialog.less
View File

@ -3,28 +3,53 @@
.setting-dialog {
> .dialog-container {
@apply w-168 max-w-full mb-8;
@apply w-168 max-w-full mb-8 p-0;
> .dialog-content-container {
.flex(column, flex-start, flex-start);
@apply w-full overflow-y-scroll px-3;
@apply relative w-full overflow-y-scroll p-0 flex flex-row justify-start items-start;
.hide-scroll-bar();
> .section-container {
.flex(column, flex-start, flex-start);
@apply w-full my-2;
> .close-btn {
.flex(column, center, center);
@apply absolute top-4 right-4 w-6 h-6 rounded hover:bg-gray-200;
> .title-text {
@apply text-base font-bold mb-2;
color: @text-black;
> .icon-img {
@apply w-5 h-5;
}
}
> .form-label {
.flex(row, flex-start, center);
@apply w-full text-sm mb-2;
> .section-selector-container {
@apply w-40 h-full shrink-0 rounded-l-lg p-4 bg-gray-100 flex flex-col justify-start items-start;
> .normal-text {
@apply shrink-0;
> .section-item {
@apply text-sm left-6 mt-2 cursor-pointer hover:opacity-80;
&.selected {
@apply font-bold hover:opacity-100;
}
}
}
> .section-content-container {
@apply w-auto p-4 grow flex flex-col justify-start items-start;
> .section-container {
.flex(column, flex-start, flex-start);
@apply w-full my-2;
> .title-text {
@apply text-base font-bold mb-2;
color: @text-black;
}
> .form-label {
.flex(row, flex-start, center);
@apply w-full text-sm mb-2;
> .normal-text {
@apply shrink-0;
}
}
}
}