f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-05 23:12:39 +00:00
Code Wiki Activity

add good stylings, and lint

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-08-29 23:40:13 +02:00
parent 65759e18bd
commit e81a9dab1f
1 changed files with 73 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
client/admin/admin.less
View File

@@ -6,58 +6,91 @@
@import 'font-awesome/css/font-awesome.css'; @import 'font-awesome/css/font-awesome.css';
html,body, #reactContainer, .naturalCrit{ html,body, #reactContainer, .naturalCrit { min-height : 100%; }
min-height : 100%;
}
@sidebarWidth : 250px; @sidebarWidth : 250px;
body{ body {
background-color : #eee; height : 100%;
font-family : 'Open Sans', sans-serif;
color : #4b5055;
font-weight : 100;
text-rendering : optimizeLegibility;
margin : 0;
padding : 0; padding : 0;
height : 100%; margin : 0;
font-family : 'Open Sans', sans-serif;
font-weight : 100;
color : #4B5055;
background-color : #EEEEEE;
text-rendering : optimizeLegibility;
} }
.admin{ .admin {
header{ header {
padding : 20px 0px;
margin-bottom : 30px;
font-size : 2em;
color : white;
background-color : @red; background-color : @red;
font-size: 2em; i { margin-right : 30px; }
padding : 20px 0px;
color : white;
margin-bottom: 30px;
i{
margin-right: 30px;
}
} }
hr{ hr { margin : 30px 0px; }
margin : 30px 0px;
}
.container{ .container {
.tabs button{ .tabs button {
background-color: #eee; margin-right : 3px;
margin-left: 3px; margin-left : 3px;
margin-right: 3px; color : black;
border: 1px solid #444; background-color : #EEEEEE;
border-radius: 5px; border : 1px solid #444444;
color: black; border-radius : 5px;
&:hover{ &:hover {
background-color: #444; color : #EEEEEE;
color: #eee; background-color : #444444;
} }
&.active{ &.active {
border: 2px solid #444; margin-right : 2px;
text-decoration: underline; margin-left : 2px;
margin-left: 2px; text-decoration : underline;
margin-right: 2px; background-color : #CCCCCC;
background-color: #ccc; border : 2px solid #444444;
}
}
.notificationAdd {
position : relative;
display : flex;
flex-direction : column;
width : 500px;
.field {
display : grid;
grid-template-columns : 120px 150px;
align-items : center;
justify-items : stretch;
width : 100%;
margin-bottom : 20px;
input {
height : 33px;
padding : 0px 10px;
font-family : monospace;
}
textarea {
min-width : 50ch;
max-width : 100ch;
min-height : 7em;
max-height : 30em;
}
}
button {
position : absolute;
right : 0;
bottom : 0;
i { margin-right : 10px; }
} }
} }
} }