Skip to content

Commit

Permalink
Add infobanner
Browse files Browse the repository at this point in the history
  • Loading branch information
nik committed Dec 13, 2024
1 parent 470f2c4 commit 77387b1
Show file tree
Hide file tree
Showing 2 changed files with 52 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import { inject } from "mobx-react";
import { Block, Elem } from "../../../utils/bem";
import "./InfoBanner.scss";

const injector = inject(({ store }) => {
console.log('store', store);
return {};
});

export const InfoBanner = injector(({}) => {
return (
<Block name="info-banner">
<Elem name="content">
<Elem name="link">
Looking for automatic labeling? Try it now ->
</Elem>
</Elem>
</Block>
);
});
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
.info-banner {
background-color: #fff3e0;
border: 1px solid #ffe0b2;
border-radius: 4px;
padding: 5px 12px;
margin: 8px 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;

&__content {
display: flex;
align-items: center;
gap: 8px;
color: #795548;
font-size: 14px;
line-height: 1.4;
}

&__link {
color: #f57c00;
text-decoration: none;
font-weight: 500;
transition: color 0.15s ease;

&:hover {
color: #ef6c00;
text-decoration: underline;
}
}
}

0 comments on commit 77387b1

Please sign in to comment.