wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

few things on ThemeBuilder

Browse source
This commit is contained in:
Jon McClure 2023-07-11 16:35:21 +01:00
parent 444d8b652b
commit 32183b9758
3 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/docs/docs-components/ThemeBuilder/Customiser/styles.module.scss
View file

@ -13,7 +13,7 @@
display: inline-flex; display: inline-flex;
div { div {
margin-right: 4px; margin-right: 4px;
background-color: #ddd; background-color: #fff;
border: 1px solid #bbb; border: 1px solid #bbb;
color: #777; color: #777;
font-size: 1rem; font-size: 1rem;
@ -22,9 +22,9 @@
width: 1.2rem; width: 1.2rem;
height: 1.2rem; height: 1.2rem;
display: inline-flex; display: inline-flex;
justify-items: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 1.2rem; border-radius: 4px;
span { span {
display: inline-block; display: inline-block;
font-size: 1rem; font-size: 1rem;
@ -32,9 +32,10 @@
} }
&.open { &.open {
div { div {
background-color: #666; // background-color: #666;
border: 1px solid #bbb; // border: 1px solid #bbb;
color: white; color: #333;
font-weight: bold;
} }
} }
} }
@ -46,17 +47,16 @@
div.value { div.value {
padding-left: 10px; padding-left: 10px;
div.input-container { div.input-container {
padding-left: 10px; padding-left: 0px;
} }
input { input {
width: 100%; width: 100%;
border: 0;
outline: 0 !important; outline: 0 !important;
margin: 5px 0 5px; margin: 5px 0 5px;
padding: 2px 5px; padding: 2px 5px;
background-color: #efefef; background-color: rgb(245, 242, 240);
padding: 5px 5px !important; padding: 5px 5px !important;
border: 1px solid #666 !important; border: 1px solid #ccc !important;
border-radius: 4px; border-radius: 4px;
} }
input[type='color'] { input[type='color'] {

4
src/docs/docs-components/ThemeBuilder/ThemeSwitch/styles.module.scss
View file

@ -17,11 +17,15 @@
color: #999; color: #999;
cursor: pointer; cursor: pointer;
border: 0; border: 0;
display: inline-flex;
justify-content: center;
align-items: center;
&:hover { &:hover {
color: #333; color: #333;
} }
span { span {
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.2rem;
} }
&.active { &.active {
background-color: #fff; background-color: #fff;

2
src/docs/docs-components/ThemeBuilder/styles.module.scss
View file

@ -3,7 +3,7 @@
display: grid; display: grid;
grid-auto-flow: column; grid-auto-flow: column;
grid-auto-columns: 1fr; grid-auto-columns: 1fr;
gap: 20px; gap: 80px;
div.column { div.column {
min-width: 200px; min-width: 200px;