f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-13 06:32: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

91
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;
font-family : 'Open Sans', sans-serif;
color : #4b5055;
font-weight : 100;
text-rendering : optimizeLegibility;
margin : 0;
padding : 0;
height : 100%; height : 100%;
padding : 0;
margin : 0;
font-family : 'Open Sans', sans-serif;
font-weight : 100;
color : #4B5055;
background-color : #EEEEEE;
text-rendering : optimizeLegibility;
} }
.admin { .admin {
header { header {
background-color : @red;
font-size: 2em;
padding : 20px 0px; padding : 20px 0px;
color : white;
margin-bottom : 30px; margin-bottom : 30px;
i{ font-size : 2em;
margin-right: 30px; color : white;
} background-color : @red;
i { margin-right : 30px; }
} }
hr{ hr { margin : 30px 0px; }
margin : 30px 0px;
}
.container { .container {
.tabs button { .tabs button {
background-color: #eee;
margin-left: 3px;
margin-right : 3px; margin-right : 3px;
border: 1px solid #444; margin-left : 3px;
border-radius: 5px;
color : black; color : black;
background-color : #EEEEEE;
border : 1px solid #444444;
border-radius : 5px;
&:hover { &:hover {
background-color: #444; color : #EEEEEE;
color: #eee; background-color : #444444;
} }
&.active { &.active {
border: 2px solid #444;
text-decoration: underline;
margin-left: 2px;
margin-right : 2px; margin-right : 2px;
background-color: #ccc; margin-left : 2px;
text-decoration : underline;
background-color : #CCCCCC;
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; }
} }
} }
} }