chore: back to electron + nx

apps/web/src/app/shared/components/header/header.component.scss

@@ -0,0 +1,76 @@
+:host {
+    background: #1b1c1c;
+    color: #fff;
+    display: flex;
+    width: 100%;
+    --mat-toolbar-standard-height: 100px;
+}
+
+.logo {
+    flex: 1 1 100px;
+
+    img {
+        height: 100px;
+    }
+}
+
+.main {
+    place-content: center flex-start;
+    align-self: center;
+    flex-direction: column;
+    box-sizing: border-box;
+    display: flex;
+    flex: 1 1 100%;
+    max-width: 100%;
+
+    .title {
+        font-size: 1em;
+    }
+
+    .subtitle {
+        color: #999;
+        font-size: 0.7em;
+        margin-top: 5px;
+        text-wrap: pretty;
+    }
+}
+
+.menu {
+    place-content: center;
+    align-self: center;
+    display: flex;
+}
+
+.filter-container {
+    padding: 0 10px;
+}
+
+.add-playlist-btn {
+    background-color: #3f51b5;
+    color: #fff;
+}
+
+.dropdown-menu-header {
+    padding: 0 16px;
+    margin: 8px 0;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.active-sort {
+    background-color: rgb(48 48 48);
+}
+
+.check-icon {
+    margin-left: 8px;
+}
+
+@media (max-width: 599px) {
+    .subtitle {
+        display: none;
+    }
+
+    .logo > img {
+        height: 48px;
+    }
+}