diff --git a/src/states/Manage/components/Header/styles.sass b/src/states/Manage/components/Header/styles.sass new file mode 100644 index 0000000..b36fcfd --- /dev/null +++ b/src/states/Manage/components/Header/styles.sass @@ -0,0 +1,51 @@ +@import "@/common/styles/colors" + +header + display: flex + justify-content: space-between + align-items: center + padding: 1rem + +header .action-area + display: flex + align-items: center + gap: 0.5rem + + user-select: none + +.action-area .user-card + display: flex + align-items: center + background-color: $black + + height: 3.5rem + border-radius: 3rem + padding: 0 1rem + gap: 0.5rem + + & img + width: 2.5rem + height: 2.5rem + border-radius: 50% + + & h1 + font-size: 1.7rem + color: $text + +.action-area .logout-btn + display: flex + justify-content: center + align-items: center + background-color: $black + color: $error + border: none + font-size: 26pt + border-radius: 5rem + height: 3.5rem + width: 3.5rem + cursor: pointer + transition: 0.2s + + &:hover + background-color: $error + color: $black \ No newline at end of file