f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-10 20:03:03 +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

107
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;
margin-bottom : 30px;
font-size : 2em;
color : white; color : white;
margin-bottom: 30px; background-color : @red;
i{ i { margin-right : 30px; }
margin-right: 30px; }
hr { margin : 30px 0px; }
.container {
.tabs button {
margin-right : 3px;
margin-left : 3px;
color : black;
background-color : #EEEEEE;
border : 1px solid #444444;
border-radius : 5px;
&:hover {
color : #EEEEEE;
background-color : #444444;
}
&.active {
margin-right : 2px;
margin-left : 2px;
text-decoration : underline;
background-color : #CCCCCC;
border : 2px solid #444444;
} }
} }
hr{ .notificationAdd {
margin : 30px 0px; 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;
} }
.container{ textarea {
.tabs button{ min-width : 50ch;
background-color: #eee; max-width : 100ch;
margin-left: 3px; min-height : 7em;
margin-right: 3px; max-height : 30em;
border: 1px solid #444;
border-radius: 5px;
color: black;
&:hover{
background-color: #444;
color: #eee;
} }
&.active{ }
border: 2px solid #444;
text-decoration: underline; button {
margin-left: 2px;
margin-right: 2px; position : absolute;
background-color: #ccc; right : 0;
bottom : 0;
i { margin-right : 10px; }
} }
} }
} }