f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 20:42:44 +00:00
Code Wiki Activity

styling

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-08-31 19:13:08 +02:00
parent cd94857b13
commit 8658a6a97a
2 changed files with 48 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/homebrew/pages/vaultPage/vaultPage.jsx
View File

@@ -294,16 +294,16 @@ const VaultPage = (props) => {
</li> </li>
<li> <li>
You can use <code>-</code> to negate words, assuming You can use <code>-</code> to negate words, assuming
there is any word not negated, and <code>"word"</code>{' '} there is any word not negated, and <code>"word"</code>
to specify an exact string. to specify an exact string.
</li> </li>
<li> <li>
Some words like a, after, through, itself, or here, are Some words like a, after, through, itself, or here, are
ignored in searches, make sure your search has relevant ignored in searches, make sure your search has relevant
words. The full list can be found{' '} words. The full list can be found &nbsp;
<a href="https://github.com/mongodb/mongo/blob/0e3b3ca8480ddddf5d0105d11a94bd4698335312/src/mongo/db/fts/stop_words_english.txt"> <a href="https://github.com/mongodb/mongo/blob/0e3b3ca8480ddddf5d0105d11a94bd4698335312/src/mongo/db/fts/stop_words_english.txt">
here here
</a> </a>
</li> </li>
</ul> </ul>

73
client/homebrew/pages/vaultPage/vaultPage.less
View File

@@ -24,14 +24,29 @@ body {
overflow-y : hidden; overflow-y : hidden;
background-color : #2C3E50; background-color : #2C3E50;
h1, h1, h2, h3, h4 {
h2, font-family : 'CodeBold';
h3 { letter-spacing : 2px;
font-family : 'Open Sans';
font-weight : 900;
color : white;
} }
legend {
h3 {
margin-block : 30px 20px;
font-size : 20px;
text-align : center;
border-bottom : 2px solid;
}
ul {
padding-inline : 30px 10px;
li {
margin-block : 5px;
line-height:calc(1em + 5px);
list-style : disc;
}
}
}
.content { .content {
background : #2C3E50; background : #2C3E50;
@@ -66,12 +81,10 @@ body {
input { input {
margin : 0 10px; margin : 0 10px;
&:invalid { &:invalid { background : rgb(255, 188, 181); }
background : rgb(255, 188, 181);
}
&[type='checkbox'] { &[type='checkbox'] {
position : relative; position : relative;
display : inline-block; display : inline-block;
width : 50px; width : 50px;
height : 30px; height : 30px;
@@ -112,24 +125,22 @@ body {
} }
} }
&:after { &::after {
content: "Error:\A At least one renderer should be enabled to make a search"; position : absolute;
display: block; top : 0;
opacity:0; right : 0;
transition: opacity 0.5s; left : 0;
position: absolute; display : block;
white-space: pre-wrap; padding : 10px;
top:0; font-weight : 900;
left:0; color : white;
right:0; white-space : pre-wrap;
background:rgb(255, 60, 60); content : 'Error:\A At least one renderer should be enabled to make a search';
color:white; background : rgb(255, 60, 60);
font-weight:900; opacity : 0;
padding:10px; transition : opacity 0.5s;
}
&:not(:has(input[type="checkbox"]:checked)):after {
opacity:1;
} }
&:not(:has(input[type='checkbox']:checked))::after { opacity : 1; }
#searchButton { #searchButton {
position : absolute; position : absolute;
@@ -137,7 +148,7 @@ body {
bottom : 0; bottom : 0;
i { i {
margin-left : 10px; margin-left : 10px;
animation-duration : 1000s; animation-duration : 1000s;
} }
} }
@@ -152,6 +163,12 @@ body {
font-family : 'BookInsanityRemake'; font-family : 'BookInsanityRemake';
font-size : 0.34cm; font-size : 0.34cm;
h3 {
font-family : 'Open Sans';
font-weight : 900;
color : white;
}
.foundBrews { .foundBrews {
position : relative; position : relative;