summaryrefslogtreecommitdiff
path: root/front-end/src/bootstrap/style/header.scss
diff options
context:
space:
mode:
Diffstat (limited to 'front-end/src/bootstrap/style/header.scss')
-rw-r--r--front-end/src/bootstrap/style/header.scss40
1 files changed, 40 insertions, 0 deletions
diff --git a/front-end/src/bootstrap/style/header.scss b/front-end/src/bootstrap/style/header.scss
new file mode 100644
index 0000000..bc5789d
--- /dev/null
+++ b/front-end/src/bootstrap/style/header.scss
@@ -0,0 +1,40 @@
+header{
+ .header-container{
+ @apply h-12;
+ }
+ .header-container,
+ .side-menu{
+ @apply shadow-md;
+ @apply bg-white dark:bg-dark-800 dark:text-gray-100;
+ }
+
+ .side-menu {
+ @apply absolute pt-2 ease-in-out duration-150;
+ }
+
+ .drop-controller {
+ min-width: 11rem;
+ @apply hidden md:flex mr-0 ml-auto my-0 relative;
+
+ .drop-menu{
+ @apply w-36 m-auto cursor-pointer text-left rounded-b-lg flex flex-col;
+
+ @apply text-gray-700 bg-white dark:bg-dark-800 dark:text-gray-300;
+
+ @apply bg-white border-b border-l border-r border-transparent;
+
+ a {
+ @apply px-3 py-1;
+ @apply text-gray-700 hover:text-black dark:text-gray-300 dark:hover:text-gray-100;
+ }
+ }
+
+ &.hovered .drop-menu {
+ @apply border-gray-200 shadow-md dark:border-dark-500;
+ }
+ }
+
+ .user-menu{
+ @apply m-auto cursor-default truncate whitespace-nowrap max-w-xs;
+ }
+} \ No newline at end of file