user menu style

README.md

@@ -1,47 +1,27 @@
 
-# Blogifier
-Blogifier is an open-source publishing platform.<br>
-Written in .NET 5.0 and Blazor WebAssembly.
+## Blogifier
+Blogifier is an open-source publishing platform Written in .NET 5.0 and Blazor WebAssembly.
 
-**[Blogifier Website »](https://blogifier.net/)**
-<br>
-<br>
+[**Blogifier Website »**](https://blogifier.net/)
 
 ## Demo
 We have an online demo that you can take a look.
 
-**[Blogifier Demo »](https://demo.blogifier.net/)**
+[**Blogifier Demo »**](https://demo.blogifier.net/)
 
-Username: `admin@us.com` Password: `admin`
-<br>
-<br>
 
 ## Docs
-We publish Docs on the blogifier website.
+We publish docs on the Blogifier website.
 
-**[Explore Blogifier Docs »](https://blogifier.net/docs/)**
-<br>
-<br>
+[**Explore Blogifier Docs »**](https://blogifier.net/docs/)
 
-## Quick  Start
-There are two options, ready-to-use and the source version.
+## Team
 
-- ### Ready-to-use
+[![@farzindev](https://avatars.githubusercontent.com/u/6384978?s=60&v=4)](https://github.com/farzindev) &nbsp;
+[![@rxtur](https://avatars.githubusercontent.com/u/1932785?s=60&v=4)](https://github.com/rxtur)
 
-    Requirements:x
-    - None
 
-    Steps:
-    - Download the latest version
-    - Upload
+## Copyright and License
+Code released under the MIT License. Docs released under Creative Commons.
 
-
-- ### Source
-
-    Requirements:
-    - .NET 5.0
-    - VS Code or any other IDE
-
-    Steps:
-    - Clone the Master branch or latest source version
-    - ...
+Copyright 2017–2021 Blogifier

src/Blogifier/wwwroot/themes/standard/scss/layout/_header.scss

@@ -23,15 +23,18 @@
 
 .dropdown-user {
   &-btn {
-    background: none;
     color: #622aff;
+    background: rgba(#622aff, .15);
     font-weight: 500;
-    border: 2px solid #622aff;
+    border: 0;
     border-radius: 0.25rem;
     padding: 0.5rem 1rem;
     outline: none !important;
-    &:hover {
-      border-color: rgba(#622aff, 0.8);
+    font-size:.9875rem;
+    &:hover ,
+    &:focus{
+      background-color:#622aff;
+      color:#fff;
     }
 
     img {
@@ -45,9 +48,10 @@
     min-width: 100%;
     border: 0;
     .dropdown-item {
-      color: rgba(#fff, 0.7);
+      color: rgba(#fff, 0.85);
       font-size: 0.875rem;
       padding: 0.25rem 1rem;
+      text-transform: capitalize;
 
       &:hover,
       &:focus {