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

basic styles

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-08-31 12:50:53 +02:00
parent 4488fe36db
commit 10ce696333
1 changed files with 70 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
client/admin/admin.less
View File

@@ -54,44 +54,85 @@ body {
border : 2px solid #444444; border : 2px solid #444444;
} }
} }
section.notificationUtils {
display : flex;
gap : 50px;
justify-content : space-between;
.notificationAdd { .notificationAdd {
position : relative; position : relative;
display : flex; display : flex;
flex-direction : column; flex-direction : column;
width : 500px; width : 500px;
.field { .field {
display : grid; display : grid;
grid-template-columns : 120px 150px; grid-template-columns : 120px 150px;
align-items : center; align-items : center;
justify-items : stretch; justify-items : stretch;
width : 100%; width : 100%;
margin-bottom : 20px; margin-bottom : 20px;
input { input {
height : 33px; height : 33px;
padding : 0px 10px; padding : 0px 10px;
font-family : monospace; font-family : monospace;
} }
textarea { textarea {
min-width : 50ch; resize:vertical;
max-width : 100ch; width : 50ch;
min-height : 7em; min-height : 7em;
max-height : 30em; max-height : 25em;
}
}
button {
position : absolute;
right : 0;
bottom : 0;
i { margin-right : 10px; }
} }
} }
button { .notificationLookup {
width : max-content;
min-width : 450px;
.notificationList {
display : flex;
flex-direction : column;
gap : px;
margin-block : 20px;
border : 1px solid;
border-radius : 5px;
details {
padding : 10px;
background : #CCCCCC;
&:nth-child(even) { background : #DDDDDD; }
&:first-child {
border-top-left-radius : 5px;
border-top-right-radius : 5px;
}
&:last-child {
border-bottom-right-radius : 5px;
border-bottom-left-radius : 5px;
}
summary {
font-size : 20px;
font-weight : 900;
}
}
}
position : absolute;
right : 0;
bottom : 0;
i { margin-right : 10px; }
} }
} }
} }
} }