f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-28 07:02:38 +00:00
Code Wiki Activity

join styles and lint

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-08-31 13:12:53 +02:00
parent e88272c684
commit d352b76efe
11 changed files with 119 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
View File

@@ -125,7 +125,7 @@ const NotificationLookup = () => {
}
if (notifications.length === 0) {
return <div className="noNotifications">No notifications available.</div>;
return <div className="noNotification">No notifications available.</div>;
}
return (
@@ -143,7 +143,7 @@ const NotificationLookup = () => {
return (
<div className="notificationLookup">
<div className="byId">
<h2>Lookup</h2>
<h2>Lookup by dissmiss key</h2>
<input
type="text"
ref={lookupRef}
@@ -166,7 +166,7 @@ const NotificationLookup = () => {
{renderFoundNotification()}
</div>
<div className="all">
<h2>All Notifications</h2>
<h2>Check all Notifications</h2>
<button onClick={lookupAll}>
<i
className={cx('fas', {

55
client/admin/notificationUtils/notificationLookup/notificationLookup.less
View File

@@ -1,30 +1,35 @@
.notificationLookup{
input{
height : 33px;
margin-bottom : 20px;
padding : 0px 10px;
font-family : monospace;
}
button{
vertical-align : middle;
height : 37px;
}
dl{
@maxItemWidth : 132px;
dt{
float : left;
clear : left;
width : @maxItemWidth;
text-align : right;
&::after {
content: " : ";
.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;
}
}
dd{
height : 1em;
margin-left : @maxItemWidth + 6px;
padding : 0 0 0.5em 0;
}
}
.noNotification { margin-block : 20px; }
}