setMeExpanded(!isMeExpanded) }>
diff --git a/src/index.css b/src/index.css
index 737cd472..929df571 100644
--- a/src/index.css
+++ b/src/index.css
@@ -192,6 +192,34 @@ body {
}
}
+ .toolbar {
+ @apply relative;
+ background: rgb(33,33,33);
+ background: linear-gradient(0deg, rgba(33,33,33,0.9) 0%, rgba(51,51,51,0.9) 100%);
+
+ &::before {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 1px;
+ left: 0;
+ right: 0;
+ height: 2px;
+ background-color: rgba(255, 255, 255, 0.05);
+ }
+
+ &::after {
+ content: "";
+ display: block;
+ position: absolute;
+ bottom: 2px;
+ left: 0;
+ right: 0;
+ height: 2px;
+ background-color: rgba(0, 0, 0, 0.1);
+ }
+ }
+
.avatar-image {
@apply pointer-events-none relative h-[130px] w-[90px] bg-[center_-8px] bg-no-repeat;
}
diff --git a/tailwind.config.js b/tailwind.config.js
index a9d1f24f..b6f5b1b1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -34,7 +34,6 @@ module.exports = {
boxShadow,
backgroundImage: {
'button-gradient-gray': 'linear-gradient(to bottom, #e2e2e2 50%, #c8c8c8 50%)',
- 'toolbar-gradient': 'linear-gradient(to bottom, #363636 50%, #2a2a2a 50%)',
},
spacing: {
'card-header': '33px',