Skip to content

Commit 58c34dd

Browse files
vankovapvankovap
authored
code block + postgresql links (#207)
1 parent 5757c50 commit 58c34dd

File tree

3 files changed

+41
-23
lines changed

3 files changed

+41
-23
lines changed

‎apps/docs/content/postgresql/how-to/export-import-data.mdx

Lines changed: 8 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,18 @@ title: Export or import PostgreSQL data
33
description: Learn how to export or import postgresql data on Zerops.
44
---
55

6-
## Use Adminer to export or import data
6+
## Use Adminer or phpMyAdmin to export or import data
7+
* [Adminer ↗](https://www.adminer.org) - an open source full-featured database management tool written in PHP
8+
* [phpMyAdmin ↗](https://www.phpmyadmin.net) - a free software tool written in PHP, intended to handle the administration of PostgreSQL over the Web
79

8-
[Adminer ↗](https://www.adminer.org) is an open source full-featured database management tool written in PHP.
9-
10-
1. [Install Adminer to Zerops](/postgresql/how-to/manage#how-to-install-adminer-to-zerops)
11-
2. Use Adminer standard export or import functions
12-
13-
## Use phpMyAdmin to export or import data
14-
15-
[phpMyAdmin ↗](https://www.phpmyadmin.net) is a free software tool written in PHP, intended to handle the administration of PostgreSQL over the Web.
16-
17-
1. [Install phpMyAdmin to Zerops](/postgresql/how-to/manage#how-to-install-phpmyadmin-to-zerops)
18-
2. Use phpMyAdmin standard export or import functions
10+
1. [Install the tools to Zerops](/postgresql/how-to/manage#installing-management-tools)
11+
2. Use their standard export or import functions
1912

2013
## Use a database management tool on your workstation to export or import data
2114

2215
Do you already use a database management tool that supports PostgreSQL on your workstation? Connect it securely to PostgreSQL from your local workspace via Zerops VPN.
2316

24-
Zerops VPN client is included into zCLI, the Zerops command-line tool. To start the VPN connection, read [how to connect to PostgreSQL remotely](/postgresql/how-to/connect#connect-to-postgresql-in-zerops-remotely).
17+
Zerops VPN client is included into zCLI, the Zerops command-line tool. To start the VPN connection, read [how to connect to PostgreSQL remotely](/postgresql/how-to/connect#connect-remotely).
2518
:::caution
2619
Do not use SSL/TLS protocols when connecting to PostgreSQL over VPN. Zerops PostgreSQL is not configured to support these protocols. The security is assured by the VPN.
2720
:::
@@ -32,9 +25,9 @@ Once the connection to PostgreSQL is established, use the standard export or imp
3225

3326
If you are using the [psql ↗](https://www.postgresql.org/docs/current/app-psql.html) command-line client to manage your PostgreSQL on your local workspace, you can connect it securely to PostgreSQL via Zerops VPN.
3427

35-
Zerops VPN client is included into zCLI, the Zerops command-line tool. To start the VPN connection, read [how to connect to PostgreSQL remotely](/postgresql/how-to/connect#connect-to-postgresql-in-zerops-remotely).
28+
Zerops VPN client is included into zCLI, the Zerops command-line tool. To start the VPN connection, read [how to connect to PostgreSQL remotely](/postgresql/how-to/connect#connect-remotely).
3629

37-
Once the VPN session is established, you have the secured connection to the project's private network in Zerops. You can access all project services locally by using their hostname. The only difference is that no [environment variables](/postgresql/how-to/connect#use-postgresql-environment-variables) are available when connected through VPN. To connect to PostgreSQL in Zerops you have to copy the [access details](/postgresql/how-to/connect#connect-to-postgresql-in-zerops-remotely) manually from Zerops GUI.
30+
Once the VPN session is established, you have the secured connection to the project's private network in Zerops. You can access all project services locally by using their hostname. The only difference is that no [environment variables](/postgresql/how-to/connect#method-2-environment-variables-recommended) are available when connected through VPN. To connect to PostgreSQL in Zerops you have to copy the [access details](/postgresql/how-to/connect#connection-details) manually from Zerops GUI.
3831

3932
Use [psql ↗](https://www.postgresql.org/docs/current/app-psql.html) command to connect to PostgreSQL in Zerops:
4033

‎apps/docs/content/postgresql/overview.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,15 +61,15 @@ import LargeCard from '@site/src/components/LargeCard';
6161
},
6262
{
6363
type: 'link',
64-
href: '/postgresql/how-to/connect#connect-to-postgresql-from-runtime-services-of-the-same-project',
64+
href: '/postgresql/how-to/connect#connect-from-services-in-the-same-project',
6565
label: 'Connect from the same project',
6666
customProps: {
6767
icon: Icons['link'],
6868
},
6969
},
7070
{
7171
type: 'link',
72-
href: '/postgresql/how-to/connect#connect-to-postgresql-in-zerops-remotely',
72+
href: '/postgresql/how-to/connect#connect-remotely',
7373
label: 'Connect remotely',
7474
customProps: {
7575
icon: Icons['globe-europe'],

‎apps/docs/src/components/TabbedCodeBlock/styles.module.css

Lines changed: 31 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,28 @@
11
/* styles.module.css */
2+
:root {
3+
--tab-button-bg: var(--ifm-color-emphasis-200);
4+
--tab-button-hover-bg: var(--ifm-color-emphasis-300);
5+
--tab-button-active-bg: var(--ifm-color-emphasis-100);
6+
--tab-button-color: var(--ifm-color-emphasis-900);
7+
--tab-button-hover-color: var(--ifm-color-emphasis-900);
8+
--tab-button-active-color: var(--ifm-color-primary);
9+
}
10+
11+
[data-theme='dark'] {
12+
--tab-button-bg: var(--ifm-color-emphasis-100);
13+
--tab-button-hover-bg: var(--docs-bg-subtle-pressed);
14+
--tab-button-active-bg: var(--ifm-color-emphasis-200);
15+
--tab-button-color: var(--ifm-color-emphasis-900);
16+
--tab-button-hover-color: var(--ifm-color-emphasis-900);
17+
--tab-button-active-color: var(--ifm-color-primary);
18+
}
19+
220
.tabbedCodeContainer {
321
border-radius: 8px;
422
}
523

624
.tabsHeader {
7-
display: flex;
25+
display: inline-flex;
826
background-color: var(--ifm-color-emphasis-200);
927
border-top-left-radius: 8px;
1028
border-top-right-radius: 8px;
@@ -21,18 +39,25 @@
2139
border: none;
2240
cursor: pointer;
2341
transition: background-color 0.2s, color 0.2s;
24-
color: var(--ifm-color-emphasis-700);
42+
color: var(--tab-button-color);
43+
background-color: var(--tab-button-bg);
2544
white-space: nowrap;
2645
}
2746

2847
.tabButton:hover {
29-
background-color: var(--ifm-color-emphasis-300);
30-
color: var(--ifm-color-emphasis-900);
48+
background-color: var(--tab-button-hover-bg);
49+
color: var(--tab-button-hover-color);
3150
}
3251

3352
.activeTab {
34-
color: var(--ifm-color-primary);
35-
background-color: var(--ifm-color-emphasis-100);
53+
color: var(--tab-button-active-color);
54+
background-color: var(--tab-button-active-bg);
55+
border-bottom: 2px solid var(--ifm-color-primary);
56+
}
57+
58+
.activeTab:hover {
59+
color: var(--tab-button-active-color);
60+
background-color: var(--tab-button-active-bg);
3661
border-bottom: 2px solid var(--ifm-color-primary);
3762
}
3863

0 commit comments

Comments
 (0)