Skip to content

Commit 9d3a8b7

Browse files
ChronosSFChronosSF
authored
Merge pull request #206 from IgniteUI/sstoychev/fix-node-vscode-banners
fix(getting-started): fixes for the node/vs code download banners
2 parents 5d4a61d + 44484a7 commit 9d3a8b7

5 files changed

Lines changed: 19 additions & 39 deletions

File tree

‎docs/angular/src/content/jp/components/general/getting-started.mdx‎

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -28,16 +28,12 @@ Ignite UI for Angular はデュアルライセンス モデルで提供され、
2828
<div style="display:inline-block;width:45%;text-align:center;">
2929
<Image src={nodejs} alt="NodeJS" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
3030
<a target="_blank" href="https://nodejs.org/en/download/" class="no-external-icon"
31-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
32-
DOWNLOAD NODE
33-
</a>
31+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">DOWNLOAD NODE</a>
3432
</div>
3533
<div style="display:inline-block;width:45%;text-align:center;">
36-
<Image src={vsCode} alt="Visual Studio Code" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
34+
<Image src={vsCode} alt="Visual Studio Code" style="display:flex;max-height:100px;max-width:100px;margin:auto auto 20px auto;" />
3735
<a target="_blank" href="https://code.visualstudio.com/download" class="no-external-icon"
38-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
39-
DOWNLOAD VS CODE
40-
</a>
36+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">DOWNLOAD VS CODE</a>
4137
</div>
4238
</div>
4339
<hr/>

‎docs/xplat/src/content/en/components/general-getting-started.mdx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -48,20 +48,16 @@ import gettingStartedBlazorCard from '@xplat-images/general/getting-started-blaz
4848
1. Install NodeJS.
4949
2. Install Visual Studio Code.
5050

51-
<div>
51+
<div style="margin-bottom: 40px;">
5252
<div style="display:inline-block;width:45%;text-align:center;">
5353
<Image src={nodejs} alt="nodejs" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
5454
<a target="_blank" href="https://nodejs.org/en/download/" class="no-external-icon"
55-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
56-
DOWNLOAD NODE
57-
</a>
55+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">DOWNLOAD NODE</a>
5856
</div>
5957
<div style="display:inline-block;width:45%;text-align:center;">
60-
<Image src={vsCode} alt="vs-code" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
58+
<Image src={vsCode} alt="vs-code" style="display:flex;max-height:100px;max-width:100px;margin:auto auto 20px auto;" />
6159
<a target="_blank" href="https://code.visualstudio.com/download" class="no-external-icon"
62-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
63-
DOWNLOAD VS CODE
64-
</a>
60+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">DOWNLOAD VS CODE</a>
6561
</div>
6662
</div>
6763

‎docs/xplat/src/content/en/components/nextjs-usage.mdx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -22,20 +22,16 @@ Explore the seamless integration of {ProductName} into your Next.js project. Thi
2222
1. Install NodeJS.
2323
2. Install Visual Studio Code.
2424

25-
<div>
25+
<div style="margin-bottom: 40px;">
2626
<div style="display:inline-block;width:45%;text-align:center;">
2727
<Image src={nodejs} alt="nodejs" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
2828
<a target="_blank" href="https://nodejs.org/en/download/" class="no-external-icon"
29-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
30-
DOWNLOAD NODE
31-
</a>
29+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">DOWNLOAD NODE</a>
3230
</div>
3331
<div style="display:inline-block;width:45%;text-align:center;">
34-
<Image src={vsCode} alt="vs-code" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
32+
<Image src={vsCode} alt="vs-code" style="display:flex;max-height:100px;max-width:100px;margin:auto auto 20px auto;" />
3533
<a target="_blank" href="https://code.visualstudio.com/download" class="no-external-icon"
36-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
37-
DOWNLOAD VS CODE
38-
</a>
34+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">DOWNLOAD VS CODE</a>
3935
</div>
4036
</div>
4137

‎docs/xplat/src/content/jp/components/general-getting-started.mdx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -37,20 +37,16 @@ import gettingStartedBlazorCard from '@xplat-images/general/getting-started-blaz
3737
1. NodeJS をインストールします。
3838
2. Visual Studio Code をインストールします。
3939

40-
<div>
40+
<div style="margin-bottom: 40px;">
4141
<div style="display:inline-block;width:45%;text-align:center;">
4242
<Image src={nodejs} alt="nodejs" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
4343
<a target="_blank" href="https://nodejs.org/en/download/" class="no-external-icon"
44-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
45-
Node のダウンロード
46-
</a>
44+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">Node のダウンロード</a>
4745
</div>
4846
<div style="display:inline-block;width:45%;text-align:center;">
49-
<Image src={vsCode} alt="vs-code" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
47+
<Image src={vsCode} alt="vs-code" style="display:flex;max-height:100px;max-width:100px;margin:auto auto 20px auto;" />
5048
<a target="_blank" href="https://code.visualstudio.com/download" class="no-external-icon"
51-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
52-
VS Code のダウンロード
53-
</a>
49+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">VS Code のダウンロード</a>
5450
</div>
5551
</div>
5652

‎docs/xplat/src/content/jp/components/nextjs-usage.mdx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,20 +24,16 @@ import geoMap from '@xplat-images/general/geo-map.png';
2424
1. NodeJS をインストールします。
2525
2. Visual Studio Code をインストールします。
2626

27-
<div>
27+
<div style="margin-bottom: 40px;">
2828
<div style="display:inline-block;width:45%;text-align:center;">
2929
<Image src={nodejs} alt="nodejs" style="display:flex;max-height:100px;margin:auto auto 20px auto;" />
3030
<a target="_blank" href="https://nodejs.org/en/download/" class="no-external-icon"
31-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
32-
Node のダウンロード
33-
</a>
31+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">Node のダウンロード</a>
3432
</div>
3533
<div style="display:inline-block;width:45%;text-align:center;">
36-
<Image src={vsCode} style="display:flex;max-height:100px;margin:auto auto 20px auto;" alt="" />
34+
<Image src={vsCode} alt="vs-code" style="display:flex;max-height:100px;max-width:100px;margin:auto auto 20px auto;" />
3735
<a target="_blank" href="https://code.visualstudio.com/download" class="no-external-icon"
38-
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">
39-
VS Code のダウンロード
40-
</a>
36+
style="color:white;background-color:#09f;text-decoration:none;font-weight:700;font-size:16px;padding: 5px 15px 5px 15px;">VS Code のダウンロード</a>
4137
</div>
4238
</div>
4339

0 commit comments

Comments
 (0)