Skip to content

Commit e00e8cd

Browse files
gitcommitshowgitcommitshow
committed
fix: content links and styling issues
1 parent 23981f4 commit e00e8cd

17 files changed

+94
-93
lines changed

‎.github/workflows/gh-pages.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -37,5 +37,5 @@ jobs:
3737
working-directory: ./frontend
3838
with:
3939
github_token: ${{ secrets.GITHUB_TOKEN }}
40-
publish_dir: dist/supertokens
40+
publish_dir: dist/frontend
4141
enable_jekyll: true

‎frontend/angular.json

+6-6
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"version": 1,
44
"newProjectRoot": "projects",
55
"projects": {
6-
"supertokens": {
6+
"frontend": {
77
"projectType": "application",
88
"schematics": {
99
"@schematics/angular:component": {
@@ -20,7 +20,7 @@
2020
"build": {
2121
"builder": "@angular-devkit/build-angular:browser",
2222
"options": {
23-
"outputPath": "dist/supertokens",
23+
"outputPath": "dist/frontend",
2424
"index": "src/index.html",
2525
"main": "src/main.ts",
2626
"polyfills": "src/polyfills.ts",
@@ -74,18 +74,18 @@
7474
"builder": "@angular-devkit/build-angular:dev-server",
7575
"configurations": {
7676
"production": {
77-
"browserTarget": "supertokens:build:production"
77+
"browserTarget": "frontend:build:production"
7878
},
7979
"development": {
80-
"browserTarget": "supertokens:build:development"
80+
"browserTarget": "frontend:build:development"
8181
}
8282
},
8383
"defaultConfiguration": "development"
8484
},
8585
"extract-i18n": {
8686
"builder": "@angular-devkit/build-angular:extract-i18n",
8787
"options": {
88-
"browserTarget": "supertokens:build"
88+
"browserTarget": "frontend:build"
8989
}
9090
},
9191
"test": {
@@ -109,5 +109,5 @@
109109
}
110110
}
111111
},
112-
"defaultProject": "supertokens"
112+
"defaultProject": "frontend"
113113
}

‎frontend/karma.conf.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ module.exports = function (config) {
2525
suppressAll: true // removes the duplicated traces
2626
},
2727
coverageReporter: {
28-
dir: require('path').join(__dirname, './coverage/supertokens'),
28+
dir: require('path').join(__dirname, './coverage/frontend'),
2929
subdir: '.',
3030
reporters: [
3131
{ type: 'html' },

‎frontend/src/app/finish/finish.component.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -20,24 +20,24 @@ <h1 class="mb-3 heading">{{ "finish.introduction" | transloco }}</h1>
2020
</span>
2121
<span class="info1">
2222
{{"logout.info1" | transloco}}
23-
<a href="#">code repository</a>
23+
<a href="https://github.com/gitcommitshow/auth-jwt">code repository</a>
2424
and
25-
<a href="#">awesome-authentication</a>
25+
<a href="https://github.com/gitcommitshow/awesome-authentication">awesome-authentication</a>
2626
for more details.
2727
</span>
2828
<span class="info2">
2929
{{"logout.info2" | transloco}}
30-
<a href="#">issue for suggestion</a>
30+
<a href="https://github.com/gitcommitshow/auth-jwt/issues">issue for suggestion</a>
3131
or
32-
<a href="#">make a pull request</a>
32+
<a href="https://github.com/gitcommitshow/auth-jwt">make a pull request</a>
3333
</span>
3434
</div>
3535
</div>
3636
</div>
3737

3838
<div class="row">
3939
<div class="col-auto text-end">
40-
<a href="#" class="btn btn-warning mt-5" innerHTML="{{'finish.icon' | transloco}}{{ 'finish.documentation' | transloco }}"></a>
40+
<a href="https://github.com/gitcommitshow/awesome-authentication" class="btn btn-warning mt-5" innerHTML="{{'finish.icon' | transloco}}{{ 'finish.documentation' | transloco }}"></a>
4141
</div>
4242
<div class="col text-end">
4343
<button type="button" (click)="nextStep()" class="btn btn-outline-light mt-5">{{ "finish.next" | transloco }}</button>

‎frontend/src/app/finish/finish.component.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@
2020
}
2121

2222
.info_rectangle {
23-
width: 667px;
24-
height: 253px;
23+
width: fit-content;
24+
height: auto;
2525
margin: 44px 71.5px 100px 0px;
2626
padding: 17px 44.8px 19px 24px;
2727
border-radius: 12px;

‎frontend/src/app/generate-token/generate-token.component.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@
1919
}
2020

2121
.rectangle {
22-
width: 101px;
23-
height: 40px;
22+
width: fit-content;
23+
height: auto;
2424
padding: 9px 12px 10px;
2525
border-radius: 6px;
2626
border: solid 1px #3a3f51;

‎frontend/src/app/logout/logout.component.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -61,16 +61,16 @@ <h1 class="mb-3">{{ "logout.introduction1" | transloco }}</h1>
6161
</span>
6262
<span class="info1">
6363
{{"logout.info1" | transloco}}
64-
<a href="#">code repository</a>
64+
<a href="https://github.com/gitcommitshow/auth-jwt">code repository</a>
6565
and
66-
<a href="#">awesome-authentication</a>
66+
<a href="https://github.com/gitcommitshow/awesome-authentication">awesome-authentication</a>
6767
for more details.
6868
</span>
6969
<span class="info2">
7070
{{"logout.info2" | transloco}}
71-
<a href="#">issue for suggestion</a>
71+
<a href="https://github.com/gitcommitshow/auth-jwt/issues">issue for suggestion</a>
7272
or
73-
<a href="#">make a pull request</a>
73+
<a href="https://github.com/gitcommitshow/auth-jwt">make a pull request</a>
7474
</span>
7575
</div>
7676
</div>

‎frontend/src/app/logout/logout.component.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.warning {
2-
width: 667px;
3-
height: 114px;
2+
width: fit-content;
3+
height: auto;
44
margin: 14.5px 71.5px 37.5px 0px;
55
padding: 17px 80.8px 20px 24px;
66
border-radius: 12px;
@@ -25,8 +25,8 @@
2525
}
2626

2727
.info_rectangle {
28-
width: 667px;
29-
height: 253px;
28+
width: fit-content;
29+
height: auto;
3030
margin: 44px 71.5px 100px 34.9px;
3131
padding: 17px 44.8px 19px 24px;
3232
border-radius: 12px;

‎frontend/src/app/send-jwt1/send-jwt1.component.html

+6-7
Original file line numberDiff line numberDiff line change
@@ -16,19 +16,18 @@ <h1 class="mb-3 heading">{{ "send-jwt1.introduction" | transloco }}</h1>
1616

1717
<div class="rectangle1">
1818
<h1>{{ "send-jwt1.request" | transloco }}</h1>
19-
<div class="box">
20-
<button (click)="sendJwtThroughRequestParameter()" class="font-grey">{{ "send-jwt1.request1" | transloco | uppercase }}</button>
21-
<img src="assets/images/icon-arrow-right.svg"/>
22-
</div>
23-
2419
<p class="font-grey">{{ "send-jwt1.request2" | transloco}}</p>
2520

2621
<div class="box1" style="margin-bottom: 20px;">
2722
<code>
2823
{{ "send-jwt1.code" | transloco }}</code>
2924
</div>
30-
31-
<a class="query" target="_blank" href="#">{{ "send-jwt1.queryParameter" | transloco}}</a>
25+
<div class="box">
26+
<button (click)="sendJwtThroughRequestParameter()" class="font-grey">{{ "send-jwt1.request1" | transloco | uppercase }}</button>
27+
<img src="assets/images/icon-arrow-right.svg"/>
28+
</div>
29+
<br/>
30+
<a class="query" target="_blank" href="https://www.rfc-editor.org/rfc/rfc6750.html#section-2.3">{{ "send-jwt1.queryParameter" | transloco}}</a>
3231

3332
<p class="font-grey">{{ "send-jwt1.secureWay" | transloco}}</p>
3433
</div>

‎frontend/src/app/send-jwt1/send-jwt1.component.scss

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.rectangle {
2-
width: 667px;
3-
height: 53px;
2+
width: auto;
3+
height: fit-content;
44
padding: 16.5px 223.1px 15.5px 19.9px;
55
border-radius: 12px;
66
border: solid 1px rgba(0, 195, 15, 0.75);
@@ -26,16 +26,16 @@
2626
}
2727

2828
.rectangle1 {
29-
width: 668px;
30-
height: 405px;
29+
width: auto;
30+
height: fit-content;
3131
margin-top: 34px;
32-
padding: 26.5px 4px 33.5px 26.9px;
32+
padding: 26.5px 26.5px 33.5px 26.9px;
3333
border-radius: 12px;
3434
border: dashed 1px #505255;
3535

3636
.box {
3737
width: fit-content;
38-
height: 30.5px;
38+
height: auto;
3939
padding: 6px 12.2px 8.5px 12.3px;
4040
border-radius: 6px;
4141
box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.24);
@@ -73,8 +73,8 @@
7373
}
7474

7575
.box1 {
76-
width: 579px;
77-
height: 28px;
76+
width: fit-content;
77+
height: fit-content;
7878
margin-top: 8.5px ;
7979
padding: 2px 4.1px 5px 3.9px;
8080
border-radius: 4px;

‎frontend/src/app/send-jwt2/send-jwt2.component.html

+5-7
Original file line numberDiff line numberDiff line change
@@ -16,20 +16,18 @@ <h1 class="mb-3 heading">{{ "send-jwt2.introduction" | transloco }}</h1>
1616

1717
<div class="rectangle1">
1818
<h1>{{ "send-jwt2.request" | transloco }}</h1>
19+
<p class="font-grey">{{ "send-jwt2.request2" | transloco}}</p>
1920
<form #bodyForm="ngForm" (ngSubmit)="sendJwtThroughBody(bodyForm.value)">
2021
<div class="box">
2122
<input type="hidden" [(ngModel)]="token" name="access_token">
2223
<button type="submit" class="font-grey">{{ "send-jwt2.request1" | transloco | uppercase }}</button>
2324
</div>
2425
</form>
25-
<div class="font-grey flex-column inputParamter">
26-
<span>{{ "send-jwt2.inputParameter" | transloco }}</span>
27-
<span>{{ "send-jwt2.contentType" | transloco }}</span>
28-
<a target="_blank" href="#">{{ "send-jwt2.queryParameter" | transloco}}</a>
26+
<div class="font-grey flex flex-column inputParamter">
27+
<code>{{ "send-jwt2.inputParameter" | transloco }}</code>
28+
<code>{{ "send-jwt2.contentType" | transloco }}</code>
29+
<a class="query" target="_blank" href="https://www.rfc-editor.org/rfc/rfc6750.html#section-2.2">{{ "send-jwt2.queryParameter" | transloco}}</a>
2930
</div>
30-
<p class="font-grey">{{ "send-jwt2.request2" | transloco}}</p>
31-
32-
<a class="query" target="_blank" href="#">{{ "send-jwt2.queryParameter" | transloco}}</a>
3331

3432
<p class="font-grey">{{ "send-jwt2.secureWay" | transloco}}</p>
3533
</div>

‎frontend/src/app/send-jwt2/send-jwt2.component.scss

+5-5
Original file line numberDiff line numberDiff line change
@@ -26,16 +26,16 @@
2626
}
2727

2828
.rectangle1 {
29-
width: 668px;
30-
height: 419px;
29+
width: auto;
30+
height: fit-content;
3131
margin-top: 34px;
32-
padding: 26.5px 4px 33.5px 26.9px;
32+
padding: 26.5px 26.5px 33.5px 26.9px;
3333
border-radius: 12px;
3434
border: dashed 1px #505255;
3535

3636
.box {
37-
width: 325.3px;
38-
height: 58px;
37+
width: fit-content;
38+
height: auto;
3939
padding: 17px 20.3px 20px 20px;
4040
border-radius: 6px;
4141
box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.16);

‎frontend/src/app/send-jwt3/send-jwt3.component.html

+14-14
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,15 @@ <h1>{{ "send-jwt3.request" | transloco }}</h1>
1919

2020
<div class="innerRectangle">
2121
<div class="sampleContent">
22-
<pre id="responseText">
23-
<b>Sample Request</b>
24-
Request URL: /demo/protected/api/bearer
25-
Request Method: GET
26-
27-
--Headers--
28-
Content-Type: application/json
29-
Authorization: "Bearer thetoken"
30-
</pre>
22+
<code id="responseText">
23+
<b>Sample Request</b><br/>
24+
Request URL: /demo/protected/api/bearer<br/>
25+
Request Method: GET<br/>
26+
<br/>
27+
--Headers--<br/>
28+
Content-Type: application/json<br/>
29+
Authorization: "Bearer thetoken"<br/>
30+
</code>
3131
</div>
3232
<a href="#" class="edit">
3333
Edit
@@ -40,12 +40,12 @@ <h1>{{ "send-jwt3.request" | transloco }}</h1>
4040
</button>
4141
</div>
4242
<div class="font-grey flex-column inputParamter">
43-
<a target="_blank" href="#">{{ "send-jwt3.errorCodes" | transloco}}</a>
44-
<span>{{ "send-jwt3.invalidRequest" | transloco }}</span>
45-
<span>{{ "send-jwt3.invalidToken" | transloco }}</span>
46-
<span>{{ "send-jwt3.scope" | transloco}}</span>
43+
<a target="_blank" href="https://www.rfc-editor.org/rfc/rfc6750.html#section-3.1">{{ "send-jwt3.errorCodes" | transloco}}</a>
44+
<code> {{ "send-jwt3.invalidRequest" | transloco }} </code>
45+
<code> {{ "send-jwt3.invalidToken" | transloco }} </code>
46+
<code> {{ "send-jwt3.scope" | transloco}} </code>
4747
</div>
48-
<a class="query" target="_blank" href="#">{{ "send-jwt3.queryParameter" | transloco}}</a>
48+
<a class="query" target="_blank" href="https://www.rfc-editor.org/rfc/rfc6750.html#section-2.1">{{ "send-jwt3.queryParameter" | transloco}}</a>
4949

5050
</div>
5151

‎frontend/src/app/send-jwt3/send-jwt3.component.scss

+3-3
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,10 @@
2626
}
2727

2828
.rectangle1 {
29-
width: 668px;
30-
height: 721px;
29+
width: auto;
30+
height: fit-content;
3131
margin-top: 34px;
32-
padding: 26.5px 4px 33.5px 26.9px;
32+
padding: 26.5px 26.5px 33.5px 26.9px;
3333
border-radius: 12px;
3434
border: dashed 1px #505255;
3535
.innerRectangle {

‎frontend/src/app/send-jwt4/send-jwt4.component.scss

+5-5
Original file line numberDiff line numberDiff line change
@@ -26,20 +26,20 @@
2626
}
2727

2828
.rectangle1 {
29-
width: 668px;
30-
height: 529px;
29+
width: auto;
30+
height: fit-content;
3131
margin-top: 34px;
32-
padding: 26.5px 4px 33.5px 26.9px;
32+
padding: 26.5px 26.5px 33.5px 26.9px;
3333
border-radius: 12px;
3434
border: dashed 1px #505255;
3535
p {
3636
margin: 22px 0px 0px 0;
3737
font-family: Helvetica;
3838
font-size: 18px;
39-
font-weight: bold;
39+
// font-weight: bold;
4040
font-stretch: normal;
4141
font-style: normal;
42-
color: #7292ff;
42+
// color: #7292ff;
4343

4444
span {
4545
color: #fff;

0 commit comments

Comments
 (0)