{{ 'gateway.docker-label' | translate }}
-
-
- gateway.windows
- gateway.linux-macos
-
+
+
+ Windows
+ Linux/MacOS
+
-
-
-
{{ linuxCode }}
-
-
-
-
-
-
{{ windowsCode }}
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/device-gateway-command.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/device-gateway-command.component.scss
new file mode 100644
index 0000000000..023744b827
--- /dev/null
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/device-gateway-command.component.scss
@@ -0,0 +1,95 @@
+/**
+ * Copyright © 2016-2023 The Thingsboard Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+:host {
+ width: 100%;
+ height: 100%;
+ display: block;
+
+ ::ng-deep.tb-markdown-view {
+ .start-code {
+ .code-wrapper {
+ padding: 0;
+
+ pre[class*=language-] {
+ margin: 0;
+ padding: 9px 38px 9px 16px;
+ background: rgba(0, 0, 0, 0.03);
+ border-radius: 6px;
+ border: none;
+ }
+
+ code[class*="language-"], pre[class*="language-"] {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 16px;
+ letter-spacing: 0.25px;
+ color: rgba(0, 0, 0, 0.38);
+ overflow: hidden;
+ white-space: break-spaces;
+ word-break: break-all;
+
+ & * {
+ color: rgba(0, 0, 0, 0.38);
+ cursor: inherit;
+ background: transparent;
+ }
+ }
+
+ button.clipboard-btn {
+ right: 0;
+ height: 34px;
+
+ p, div {
+ background: transparent;
+ }
+
+ p {
+ margin: 0;
+ padding: 7px;
+ color: #305680;
+ }
+
+ div {
+ top: 0;
+ padding: 8px;
+ height: 34px;
+ width: 34px;
+
+ img {
+ display: none;
+ }
+
+ &:after {
+ content: "";
+ position: initial;
+ display: block;
+ width: 18px;
+ height: 18px;
+ background: #305680;
+ -webkit-mask-image: url(/assets/copy-code-icon.svg);
+ -webkit-mask-repeat: no-repeat;
+ mask-image: url(/assets/copy-code-icon.svg);
+ mask-repeat: no-repeat;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/device-gateway-command.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/device-gateway-command.component.ts
index 8e65324720..33d6e7ef24 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/device-gateway-command.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/device-gateway-command.component.ts
@@ -33,7 +33,7 @@ enum OsType {
@Component({
selector: 'tb-gateway-command',
templateUrl: './device-gateway-command.component.html',
- styleUrls: []
+ styleUrls: ['./device-gateway-command.component.scss']
})
export class DeviceGatewayCommandComponent implements OnInit {
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html
index f497dd4f0e..4fd39528ae 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html
@@ -26,27 +26,26 @@
close
-
+