feat: subscription request badges

1 files changed, 30 insertions, 0 deletions

diff --git a/assets/style.scss b/assets/style.scss
index df90e7c..245e5c7 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -510,6 +510,11 @@ p {
 .dock .shortcuts .dock-item img {
   width: 64px;
   height: 64px;
+}
+
+.dock-icon {
+  width: 64px;
+  height: 64px;
   padding: 4px 8px;
 }
 
@@ -712,6 +717,31 @@ hr {
   flex: 0 0 auto;
 }
 
+.icon-with-badge {
+  position: relative;
+}
+
+.badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  border-radius: 50%;
+  background-color: #C1173C;
+  color: #dcdcdc;
+  height: 1em;
+  min-width: 1em;
+  padding: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.header-icon .badge {
+  height: 8px;
+  width: 8px;
+  min-width: revert;
+}
+
 /* font-families */
 
 /* thai */