Skip to content

Commit 471a7b2

Browse files
IPdotSetAFIPdotSetAF
authored
Merge pull request #27 from IPdotSetAF/17-responsiveness
17 responsiveness
2 parents 618d305 + dca23c2 commit 471a7b2

12 files changed

Lines changed: 88 additions & 64 deletions

‎Frontend/package-lock.json‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Frontend/src/app/cs2ts/cs2ts.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="container-fluid p-4">
1+
<div class="container-fluid page p-4">
22
<div class="row">
33
<h2>C# to TS Converter</h2>
44
<p>Convert C# class fields to TypeScript interface fields.</p>

‎Frontend/src/app/downloads/downloads.component.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="container vh-100 p-4">
1+
<div class="container page p-4">
22
<div class="col-12">
33
<h1 class="bi bi-download"> Downloads</h1>
44
<p>Here You can download required or useful softwares.</p>
@@ -10,13 +10,13 @@ <h2 class="bi bi-database"> MSSQl proxy server</h2>
1010
</p>
1111
<p>Choose proper version based on your operating system.</p>
1212
<div class="row">
13-
<div class="d-flex justify-content-center gap-2">
14-
<a class="bi bi-windows btn btn-success" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-windows.zip"> Windows</a>
15-
<a class="bi bi-ubuntu btn btn-success" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-linux-amd64.tar.gz"> Linux - AMD64</a>
16-
<a class="bi bi-ubuntu btn btn-success" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-linux-arm64.tar.gz"> Linux - ARM64</a>
17-
<a class="bi bi-apple btn btn-success" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-macos.tar.gz"> Mac OS</a>
18-
<a class="bi bi-filetype-py btn btn-success" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-source.tar.gz"> Python Source Code</a>
13+
<div class="col-12 d-flex flex-wrap gap-2 justify-content-center">
14+
<a role="button" class="bi bi-windows btn btn-success text-no-wrap" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-windows.zip"> Windows</a>
15+
<a role="button" class="bi bi-ubuntu btn btn-success text-no-wrap" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-linux-amd64.tar.gz"> Linux - AMD64</a>
16+
<a role="button" class="bi bi-ubuntu btn btn-success text-no-wrap" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-linux-arm64.tar.gz"> Linux - ARM64</a>
17+
<a role="button" class="bi bi-apple btn btn-success text-no-wrap disabled" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-macos.tar.gz"> Mac OS</a>
18+
<a role="button" class="bi bi-filetype-py btn btn-success text-no-wrap" href="https://github.com/IPdotSetAF/CodeChef/releases/download/{{version}}/mssql-proxy-{{version}}-source.tar.gz"> Python Source Code</a>
1919
</div>
20-
</div>
20+
</div>
2121
</div>
2222
</div>

‎Frontend/src/app/footer/footer.component.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,19 +23,19 @@ <h3 class="fs-6 m-0">CodeChef v{{version}}</h3>
2323
License.</label>
2424
</div>
2525
<div class="col-md-6 d-flex flex-wrap justify-content-center justify-content-md-end gap-2">
26-
<a class="btn-footer btn-circle btn-hover bi bi-telephone fs-5" title="Call"
26+
<a role="button" class="btn-footer btn-circle btn-hover bi bi-telephone fs-5" title="Call"
2727
href="tel:+989387016860"></a>
28-
<a class="btn-footer btn-circle btn-hover bi bi-envelope-at fs-5" title="Email"
28+
<a role="button" class="btn-footer btn-circle btn-hover bi bi-envelope-at fs-5" title="Email"
2929
href="mailto:ipdotsetaf.work@gmail.com"></a>
30-
<a class="btn-footer btn-circle btn-hover bi bi-globe2 fs-5" title="Website"
30+
<a role="button" class="btn-footer btn-circle btn-hover bi bi-globe2 fs-5" title="Website"
3131
href="https://ipdotsetaf.ir"></a>
32-
<a class="btn-footer btn-circle btn-hover bi bi-telegram fs-5" title="Telegram"
32+
<a role="button" class="btn-footer btn-circle btn-hover bi bi-telegram fs-5" title="Telegram"
3333
href="https://t.me/IPdotSetAF"></a>
34-
<a class="btn-footer btn-circle btn-hover bi bi-discord fs-5" title="Discord"
34+
<a role="button" class="btn-footer btn-circle btn-hover bi bi-discord fs-5" title="Discord"
3535
href="https://discord.com/invite/BTZDf7fs"></a>
36-
<a class="btn-footer btn-circle btn-hover bi bi-linkedin fs-5" title="Linkedin"
36+
<a role="button" class="btn-footer btn-circle btn-hover bi bi-linkedin fs-5" title="Linkedin"
3737
href="https://linkedin.com/in/ipaf"></a>
38-
<a class="btn-footer btn-circle btn-hover bi bi-github fs-5" title="Github"
38+
<a role="button" class="btn-footer btn-circle btn-hover bi bi-github fs-5" title="Github"
3939
href="https://github.com/IPdotSetAF"></a>
4040
</div>
4141
</div>

‎Frontend/src/app/header/header.component.css‎

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,15 @@
44
top: 0;
55
left: 0;
66
right: 0;
7-
height: var(--height);
87
background-color: #212529b0;
98
backdrop-filter: blur(2px);
109
z-index: 2;
1110
}
1211

12+
.header-section{
13+
height: var(--height);
14+
}
15+
1316
.img-header {
1417
height: 60%;
1518
}
@@ -20,7 +23,7 @@ a {
2023
}
2124

2225
.btn-header-round {
23-
--btn-size: calc(var(--height) - 10px) !important;
26+
--btn-size: calc(var(--height) * 7 / 10) !important;
2427
}
2528

2629
#ipaf{
@@ -30,11 +33,12 @@ a {
3033
.btn-header {
3134
text-decoration: none;
3235
color: var(--blue);
33-
height: 100%;
36+
height: var(--height);
3437
align-content: center;
3538
padding: 0 15px;
3639
position: relative;
3740
border: none !important;
41+
text-wrap: nowrap;
3842
}
3943

4044
.btn-header::before{
@@ -52,4 +56,10 @@ a {
5256

5357
.btn-header:hover::before{
5458
height: 3px;
55-
}
59+
}
60+
61+
@media only screen and (max-width: 600px) {
62+
#header{
63+
--height: 40px;
64+
}
65+
}

‎Frontend/src/app/header/header.component.html‎

Lines changed: 36 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,47 @@
11
<div id="header">
2-
<div class="d-flex h-100">
2+
<div class="position-relative">
33

4-
<div class="col-4 h-100">
5-
<a class="w-100 h-100 d-flex justify-content-start gap-2 align-items-center ps-2" [routerLink]="['/']">
6-
<img class="img-header" src="code-chef.svg" />
7-
<h1 class="fs-3 m-0">CodeChef</h1>
8-
</a>
9-
</div>
4+
<div class="position-absolute h-100 w-100 row">
5+
<div class="col-6 header-section d-flex justify-content-start">
6+
<a class="h-100 d-flex justify-content-start gap-2 align-items-center ps-2" [routerLink]="['/']">
7+
<img class="img-header" src="code-chef.svg" />
8+
<h1 class="fs-3 m-0">CodeChef</h1>
9+
</a>
10+
</div>
1011

11-
<div class="col-4 h-100 d-flex justify-content-center">
12-
<div class="dropdown">
13-
<a class="btn btn-header btn-hover dropdown-toggle rounded-0" role="button" id="dropdownMenuLink"
14-
data-bs-toggle="dropdown" aria-expanded="false">
15-
<i class="bi bi-tools"></i> Tools
12+
<div class="col-6 header-section d-flex align-items-center justify-content-end p-2 gap-2">
13+
<a role="button" class="btn-header-round btn-hover btn-circle" href="https://ipdotsetaf.ir"
14+
title="IPdotSetAF">
15+
<img id="ipaf" class="img-header" src="ipaf.svg" />
1616
</a>
17-
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
18-
<li><a class="dropdown-item" [routerLink]="['/cs2ts']">C# to TS Converter</a></li>
19-
<li><a class="dropdown-item" [routerLink]="['/md2html']">Markdown to HTML Converter</a></li>
20-
<li><a class="dropdown-item" [routerLink]="['/serialized']">Serialized Tool</a></li>
21-
<li><a class="dropdown-item" [routerLink]="['/mssqlscaffold']">MSSQL Scaffolder</a></li>
22-
</ul>
17+
<a role="button" class="bi bi-github fs-2 btn-header-round btn-hover btn-circle"
18+
href="https://github.com/IPdotSetAF/CodeChef" title="CodeChef Github"></a>
2319
</div>
24-
<a class="btn-header btn-hover" [routerLink]="['/downloads']"><i class="bi bi-download"></i> Downloads</a>
2520
</div>
2621

27-
<div class="col-4 h-100 d-flex align-items-center justify-content-end p-2 gap-2">
28-
<a class="btn-header-round btn-hover btn-circle" href="https://ipdotsetaf.ir" title="IPdotSetAF">
29-
<img id="ipaf" class="img-header" src="ipaf.svg" />
30-
</a>
31-
<a class="bi bi-github fs-2 btn-header-round btn-hover btn-circle"
32-
href="https://github.com/IPdotSetAF/CodeChef" title="CodeChef Github"></a>
22+
<div class="row h-100 w-100">
23+
<div class="col-sm-4 header-section "></div>
24+
25+
<div class="col-sm-4 h-100 header-section d-flex justify-content-center">
26+
<div class="dropdown">
27+
<a role="button" class="btn btn-header btn-hover dropdown-toggle rounded-0" role="button"
28+
id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
29+
<i class="bi bi-tools"></i> Tools
30+
</a>
31+
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
32+
<li><a role="button" class="dropdown-item" [routerLink]="['/cs2ts']">C# to TS Converter</a></li>
33+
<li><a role="button" class="dropdown-item" [routerLink]="['/md2html']">Markdown to HTML
34+
Converter</a></li>
35+
<li><a role="button" class="dropdown-item" [routerLink]="['/serialized']">Serialized Tool</a></li>
36+
<li><a role="button" class="dropdown-item" [routerLink]="['/mssqlscaffold']">MSSQL Scaffolder</a>
37+
</li>
38+
</ul>
39+
</div>
40+
<a role="button" class="btn-header btn-hover" [routerLink]="['/downloads']"><i class="bi bi-download"></i>
41+
Downloads</a>
42+
</div>
43+
3344
</div>
34-
3545
</div>
3646
<div class="col-12 divider"></div>
3747
</div>

‎Frontend/src/app/home/home.component.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<div class="container-fluid">
22
<div id="header" class="position-absolute p-2">
33
<div class="d-flex align-items-center justify-content-end gap-2">
4-
<a class="btn-header-round btn-hover btn-circle bi bi-download fs-3" [routerLink]="['/downloads']" title="Downloads"></a>
5-
<a class="btn-header-round btn-hover btn-circle" href="https://ipdotsetaf.ir" title="IPdotSetAF">
4+
<a role="button" class="btn-header-round btn-hover btn-circle bi bi-download fs-3" [routerLink]="['/downloads']" title="Downloads"></a>
5+
<a role="button" class="btn-header-round btn-hover btn-circle" href="https://ipdotsetaf.ir" title="IPdotSetAF">
66
<img id="ipaf" class="img-header" src="ipaf.svg" />
77
</a>
8-
<a class="btn-header-round btn-hover btn-circle bi bi-github fs-2" href="https://github.com/IPdotSetAF/CodeChef"
8+
<a role="button" class="btn-header-round btn-hover btn-circle bi bi-github fs-2" href="https://github.com/IPdotSetAF/CodeChef"
99
title="CodeChef Github"></a>
1010
</div>
1111
</div>
1212
</div>
13-
<div class="container-fluid d-flex vh-100 p-4">
13+
<div class="container-fluid d-flex page p-4">
1414
<div class="m-auto">
1515
<div class="col-12 d-flex justify-content-center">
1616
<img class="row" src="code-chef.svg" height="200px" />
@@ -23,10 +23,10 @@ <h1>CodeChef</h1>
2323
<br />
2424
<div class="row">
2525
<div class="col-12 d-flex flex-wrap gap-2 justify-content-center">
26-
<a class="btn btn-outline-success" [routerLink]="['/cs2ts']">C# to TS Converter</a>
27-
<a class="btn btn-outline-success" [routerLink]="['/md2html']">Markdown to HTML Converter</a>
28-
<a class="btn btn-outline-success" [routerLink]="['/serialized']">Serialized Tool</a>
29-
<a class="btn btn-outline-success" [routerLink]="['/mssqlscaffold']">MSSQL Scaffolder</a>
26+
<a role="button" class="btn btn-outline-success" [routerLink]="['/cs2ts']">C# to TS Converter</a>
27+
<a role="button" class="btn btn-outline-success" [routerLink]="['/md2html']">Markdown to HTML Converter</a>
28+
<a role="button" class="btn btn-outline-success" [routerLink]="['/serialized']">Serialized Tool</a>
29+
<a role="button" class="btn btn-outline-success" [routerLink]="['/mssqlscaffold']">MSSQL Scaffolder</a>
3030
</div>
3131
</div>
3232
<br />

‎Frontend/src/app/md2html/md2html.component.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="container-fluid p-4">
1+
<div class="container-fluid page p-4">
22
<div class="row">
33
<h2>Markdown to HTML Converter</h2>
44
<p>Convert Markdown code to HTML code with a click!</p>
@@ -14,7 +14,7 @@ <h2>Markdown to HTML Converter</h2>
1414
<br />
1515
</div>
1616
<div class="col-md-6">
17-
<div class="d-flex gap-2">
17+
<div class="d-flex flex-wrap gap-2">
1818
<label class="form-label">To:</label>
1919
<div class="form-check ">
2020
<input class="form-check-input" type="radio" name="toRadio" id="toPreview" value="preview"

‎Frontend/src/app/mssql-scaffolder/mssql-scaffolder.component.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="container-fluid p-4">
1+
<div class="container-fluid page p-4">
22
<div class="row">
33
<h2>MSSQL Scaffolder</h2>
44
<p>Scaffold C# models code based on database tables or stored procedures.</p>
@@ -109,7 +109,7 @@ <h2>MSSQL Scaffolder</h2>
109109
<div class="bi bi-crosshair fs-5 me-1"></div>
110110
<label class="form-label m-0">Target:</label>
111111
</div>
112-
<div class="col-md-9 d-flex gap-2">
112+
<div class="col-md-9 d-flex flex-wrap gap-2">
113113
<div class="form-check">
114114
<input class="form-check-input" type="radio" name="isTable" id="sc-rd-table" [value]="true"
115115
formControlName="isTable" />

‎Frontend/src/app/not-found/not-found.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="container-fluid d-flex vh-100 p-4">
1+
<div class="container-fluid d-flex page p-4">
22
<div class="m-auto">
33
<div class="row text-center">
44
<h1>404</h1>

0 commit comments

Comments
 (0)