Commit8c627db

committed

Added styles

1 parenteafbd5d commit8c627dbCopy full SHA for 8c627db

File tree

+117

-5

lines changed

+117

-5

lines changed

Lines changed: 44 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,44 @@`
	`1`	`+.form-container {`
	`2`	`+max-width:600px;`
	`3`	`+margin:40px auto;`
	`4`	`+padding:24px;`
	`5`	`+border-radius:12px;`
	`6`	`+background-color:#ffffff;`
	`7`	`+box-shadow:08px20pxrgba(0,0,0,0.1);`
	`8`	`+ }`
	`9`	`+`
	`10`	`+label {`
	`11`	`+font-weight:600;`
	`12`	`+margin-top:12px;`
	`13`	`+display: block;`
	`14`	`+color:#333;`
	`15`	`+ }`
	`16`	`+`
	`17`	`+input,textarea {`
	`18`	`+width:100%;`
	`19`	`+padding:10px12px;`
	`20`	`+margin-top:6px;`
	`21`	`+margin-bottom:16px;`
	`22`	`+border:1px solid#ccc;`
	`23`	`+border-radius:8px;`
	`24`	`+font-size:14px;`
	`25`	`+ }`
	`26`	`+`
	`27`	`+ .submit-btn {`
	`28`	`+background-color:#007bff;`
	`29`	`+color: white;`
	`30`	`+padding:12px24px;`
	`31`	`+font-size:16px;`
	`32`	`+font-weight: bold;`
	`33`	`+border: none;`
	`34`	`+border-radius:8px;`
	`35`	`+cursor: pointer;`
	`36`	`+display: block;`
	`37`	`+margin:20px auto0 auto;/* Center horizontally */`
	`38`	`+transition: background-color0.3s ease;`
	`39`	`+ }`
	`40`	`+`
	`41`	`+ .submit-btn:hover {`
	`42`	`+background-color:#0056b3;`
	`43`	`+ }`
	`44`	`+`

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`		`-<h2>DFA Input Form</h2>`
	`1`	`+<divclass="form-container">`
	`2`	`+<h2style="text-align: center;">DFA Input Form</h2>`
`2`	`3`	`<form[formGroup]="dfaForm"(ngSubmit)="onSubmit()">`
`3`	`4`	`<label>States (comma-separated):</label>`
`4`	`5`	`<inputformControlName="states"placeholder="e.g. q0,q1,q2"/><br/><br/>`
`@@ -22,5 +23,6 @@ <h2>DFA Input Form</h2>`
`22`	`23`	`placeholder="Format: from_state,input_symbol,to_state"`
`23`	`24`	`></textarea><br/><br/>`
`24`	`25`
`25`		`-<buttontype="submit">Simulate DFA</button>`
	`26`	`+<buttontype="submit"class="submit-btn">Simulate DFA</button>`
`26`	`27`	`</form>`
	`28`	`+</div>`

Lines changed: 63 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,63 @@`
	`1`	`+.result-container {`
	`2`	`+max-width:500px;`
	`3`	`+margin:60px auto;`
	`4`	`+padding:24px;`
	`5`	`+background-color:#fafafa;`
	`6`	`+border-radius:12px;`
	`7`	`+text-align: center;`
	`8`	`+box-shadow:06px15pxrgba(0,0,0,0.1);`
	`9`	`+ }`
	`10`	`+`
	`11`	`+ .verdict {`
	`12`	`+font-size:20px;`
	`13`	`+font-weight: bold;`
	`14`	`+padding:12px;`
	`15`	`+margin-bottom:20px;`
	`16`	`+border-radius:8px;`
	`17`	`+ }`
	`18`	`+`
	`19`	`+ .accepted {`
	`20`	`+color: green;`
	`21`	`+background-color:#e8f9e8;`
	`22`	`+border:1px solid#b8e6b8;`
	`23`	`+ }`
	`24`	`+`
	`25`	`+ .rejected {`
	`26`	`+color: red;`
	`27`	`+background-color:#fde8e8;`
	`28`	`+border:1px solid#f5baba;`
	`29`	`+ }`
	`30`	`+`
	`31`	`+ .download-btn {`
	`32`	`+display: inline-block;`
	`33`	`+padding:12px20px;`
	`34`	`+background-color:#28a745;`
	`35`	`+color: white;`
	`36`	`+text-decoration: none;`
	`37`	`+border-radius:8px;`
	`38`	`+font-weight: bold;`
	`39`	`+transition: background0.3s;`
	`40`	`+ }`
	`41`	`+`
	`42`	`+ .download-btn:hover {`
	`43`	`+background-color:#1e7e34;`
	`44`	`+ }`
	`45`	`+`
	`46`	`+button {`
	`47`	`+margin-top:20px;`
	`48`	`+padding:12px20px;`
	`49`	`+background-color:#007bff;`
	`50`	`+color: white;`
	`51`	`+font-weight: bold;`
	`52`	`+font-size:14px;`
	`53`	`+border: none;`
	`54`	`+border-radius:8px;`
	`55`	`+cursor: pointer;`
	`56`	`+transition: background-color0.3s ease;`
	`57`	`+ }`
	`58`	`+`
	`59`	`+button:hover {`
	`60`	`+background-color:#0056b3;`
	`61`	`+ }`
	`62`	`+`
	`63`	`+`

Lines changed: 6 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,17 +1,20 @@`
	`1`	`+<divclass="result-container">`
`1`	`2`	`<h2>DFA Simulation Result</h2>`
`2`	`3`
`3`		`-<div*ngIf="result">`
	`4`	`+<div*ngIf="result"class="verdict">`
`4`	`5`	`<p>Status:<strong[style.color]="result.accepted ? 'green' : 'red'">`
`5`	`6`	`{{ result.accepted ? 'Accepted ✅' : 'Rejected ❌' }}`
`6`	`7`	`</strong></p>`
`7`	`8`
`8`		`-<a[href]="pdfUrl"[attr.download]="getPdfFileName()"target="_blank">`
	`9`	`+<a[href]="pdfUrl"[attr.download]="getPdfFileName()"target="_blank"class="download-btn">`
`9`	`10`	`📄 Download DFA PDF`
`10`	`11`	`</a>`
	`12`	`+<br>`
`11`	`13`
`12`	`14`	`<!-- <a [href]="pdfUrl" target="_blank" rel="noopener">`
`13`	`15`	`📄 View DFA PDF`
`14`	`16`	`</a> -->`
`15`	`17`
`16`		`-<button(click)="router.navigate(['/'])">Simulate Again</button>`
	`18`	`+<button(click)="router.navigate(['/'])"class="button">Simulate Again</button>`
	`19`	`+</div>`
`17`	`20`	`</div>`

10.8 KB

Binary file not shown.

Comments

(0)