diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index acc3389..d7adb2a 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -7,16 +7,15 @@ import { TerminalComponent } from './terminal/terminal.component';
import { MessagesComponent } from './messages/messages.component';
import { ConsoleComponent } from './console/console.component';
import { TestmessengerComponent } from './testmessenger/testmessenger.component';
-import { config } from './config';
const routes: Routes = [
{ path: '', redirectTo: '/dashboard', pathMatch: 'full'},
- { path: config.dashboard.route, component: DashboardComponent},
- { path: config.ide.route, component: IdeComponent },
- { path: config.terminal.route, component: TerminalComponent },
- { path: config.messages.route, component: MessagesComponent },
- { path: config.console.route, component: ConsoleComponent },
- { path: config.testmessenger.route, component: TestmessengerComponent }
+ { path: 'dashboard', component: DashboardComponent},
+ { path: 'ide', component: IdeComponent },
+ { path: 'terminal', component: TerminalComponent },
+ { path: 'messages', component: MessagesComponent },
+ { path: 'console', component: ConsoleComponent },
+ { path: 'testmessenger', component: TestmessengerComponent }
];
@NgModule({
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 0680b43..c75bd18 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1 +1,2 @@
-
Edit me if you want to write your own component in Angular!
diff --git a/src/app/web/web.component.scss b/src/app/web/web.component.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/app/web/web.component.ts b/src/app/web/web.component.ts deleted file mode 100644 index ff36dd3..0000000 --- a/src/app/web/web.component.ts +++ /dev/null @@ -1,11 +0,0 @@ -// Edit me if you want to write your own component in Angular! -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-web', - templateUrl: './web.component.html', - styleUrls: ['./web.component.scss'] -}) -export class WebComponent { - constructor() {} -} diff --git a/src/assets/scss/mixins/_layout.scss b/src/assets/scss/mixins/_layout.scss index cddfa5d..dc6d682 100644 --- a/src/assets/scss/mixins/_layout.scss +++ b/src/assets/scss/mixins/_layout.scss @@ -2,8 +2,8 @@ $grid-columns-count: 100; $grid-rows-count: 30; $terminal-ide-web-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 4, 60), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 60), 'ide': (56, 96, 0, 100), 'terminal': (0, 56, 60, 100), 'web': (20, 56, 0, 60), @@ -11,8 +11,8 @@ $terminal-ide-web-layout: ( ); $terminal-web-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 2, 100), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 100), 'ide': (), 'terminal': (56, 96, 0, 100), 'web': (20, 56, 0, 100), @@ -20,8 +20,8 @@ $terminal-web-layout: ( ); $terminal-ide-vertical-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 2, 100), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 100), 'ide': (56, 96, 0, 100), 'terminal': (20, 56, 0, 100), 'web': (), @@ -29,8 +29,8 @@ $terminal-ide-vertical-layout: ( ); $terminal-ide-horizontal-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 2, 100), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 100), 'ide': (20, 96, 0, 60), 'terminal': (20, 96, 60, 100), 'web': (), @@ -38,8 +38,8 @@ $terminal-ide-horizontal-layout: ( ); $ide-web-vertical-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 4, 100), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 100), 'ide': (56, 96, 0, 100), 'terminal': (), 'web': (20, 56, 0, 100), @@ -47,8 +47,8 @@ $ide-web-vertical-layout: ( ); $terminal-only-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 4, 100), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 100), 'ide': (), 'terminal': (20, 96, 0, 100), 'web': (), @@ -56,8 +56,8 @@ $terminal-only-layout: ( ); $ide-only-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 4, 100), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 100), 'ide': (20, 96, 0, 100), 'terminal': (), 'web': (), @@ -65,8 +65,8 @@ $ide-only-layout: ( ); $web-only-layout: ( - 'header': (0, 20, 0, 4), - 'messages': (0, 20, 4, 100), + 'header': (0, 20, 0, 8), + 'messages': (0, 20, 8, 100), 'ide': (), 'terminal': (), 'web': (20, 96, 0, 100), @@ -142,7 +142,7 @@ $layouts: ( @if (length($tfw-component) > 0) { $columns-count: convert-ratio(nth($tfw-component,2), $grid-columns-count) - convert-ratio(nth($tfw-component,1), $grid-columns-count); - $rows-count: convert-ratio(nth($tfw-component,4), $grid-columns-count) - convert-ratio(nth($tfw-component,3), $grid-columns-count); + $rows-count: convert-ratio(nth($tfw-component,4), $grid-rows-count) - convert-ratio(nth($tfw-component,3), $grid-rows-count); min-width: #{$columns-count / $grid-columns-count * 100}vw; min-height: #{$rows-count / $grid-rows-count * 100}vh; diff --git a/src/assets/scss/mixins/_scrollbar.scss b/src/assets/scss/mixins/_scrollbar.scss index 9a4c3fd..41bae4d 100644 --- a/src/assets/scss/mixins/_scrollbar.scss +++ b/src/assets/scss/mixins/_scrollbar.scss @@ -1,6 +1,7 @@ @mixin set-scrollbar-style($style, $selctor) { ::-webkit-scrollbar { width: 3px !important; + height: 3px !important; } #{$selctor}::-webkit-scrollbar-track {