diff options
author | Vidhu Kant Sharma <vidhukant@vidhukant.xyz> | 2022-09-26 23:57:18 +0530 |
---|---|---|
committer | Vidhu Kant Sharma <vidhukant@vidhukant.xyz> | 2022-09-26 23:57:18 +0530 |
commit | 708862c94bd119ca7e86540fbc68595a6256c9e3 (patch) | |
tree | 7eb8d284746015fe015641ae082f48abde2512cc /src/components/editors/scss/contact-editor.scss | |
parent | db693ab4000405f5b02e71dfaf78efe6884b775b (diff) |
created very basic client editor
Diffstat (limited to 'src/components/editors/scss/contact-editor.scss')
-rw-r--r-- | src/components/editors/scss/contact-editor.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/components/editors/scss/contact-editor.scss b/src/components/editors/scss/contact-editor.scss new file mode 100644 index 0000000..61e0ceb --- /dev/null +++ b/src/components/editors/scss/contact-editor.scss @@ -0,0 +1,51 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma <vidhukant@vidhukant.xyz> + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. + */ + +@import "colors"; +@import "editor"; + +@include editor; +.contact-editor { + width: 90%; + max-width: 30rem; + min-height: 18rem; + + .heading { + font-size: 1.1rem; + color: $primaryAccentColor; + font-weight: bold; + text-align: center; + } + .labels-wrapper { + display: flex; + flex-direction: column; + align-items: center; + flex-wrap: wrap; + + label { + margin: 0.2rem 0; + textarea { + min-height: 3rem; + max-height: 3rem; + resize: none; + width: 100%; + max-width: 13rem; + margin-top: 0.2rem; + } + } + } +} |