hookshot/web/components/ConnectionCard.module.scss
Will Hunt 30bb52fc59
Better support for dark mode in widgets (#863)
* Major package upgrades

* Update rust deps and fix a few things

* Drop 18 testing

* Use node 20

* lint rust

* lint

* changelog

* Drop usage of SVGs, use compound elements.

* Update widget API

* Drop usage of SVGs, use compound elements.

* Add dark mode for widgets

* changelog

* Remove yarn-error.log
2023-12-22 15:44:00 +00:00

50 lines
952 B
SCSS

.card {
background: var(--cpd-color-bg-subtle-secondary);
border: 1px solid var(--cpd-color-border-interactive-secondary);
box-sizing: border-box;
border-radius: 8px;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px;
margin-top: 10px;
cursor: pointer;
@media (prefers-color-scheme: dark) {
img.invert {
filter: invert(100%);
}
}
img {
width: 52px;
height: 52px;
}
div {
margin-left: 12px;
p {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 15px;
display: flex;
align-items: center;
color: #737D8C;
margin-top: 5px;
}
span {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
}
}