github-mirrors/oauth-playground-client
1
0
Fork 0
mirror of https://github.com/ysoftdevs/oauth-playground-client.git synced 2026-05-08 17:03:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Authorization code flow first proto

Browse Source
This commit is contained in:
konarfil
2023-09-18 16:06:26 +02:00
parent 9b24249aca
commit 3d4b87311d
4 changed files with 167 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/css/style.css
View File

@@ -86,4 +86,76 @@ body {
.btn-small:not(.disabled):hover {
background-color: #FF6600;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.circle-container {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 70%;
margin: 0 auto;
margin-top: 40px;
}
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #FF6600;
color: white;
font-weight: bold;
margin: 0;
/* Adjust the margin to reduce the gap */
position: relative;
/* Added for z-index to work */
z-index: 1;
/* Ensures the circle is on top of the line */
}
.circle-inactive {
background-color: #333333;
}
.line {
height: 2px;
background-color: #FF6600;
flex: 1;
position: relative;
}
.line-inactive {
background-color: #333333;
}
.circle-text {
text-align: center;
margin-top: 10px;
}
.code-block {
background-color: #f4f4f4;
/* light grey background */
border-radius: 5px;
/* rounded corners */
padding: 20px;
/* space inside the block */
overflow-x: auto;
/* allow horizontal scrolling if code is too wide */
}
.code-block code {
color: #333;
/* dark text color for code */
font-family: "Courier New", Courier, monospace;
/* monospace font */
white-space: pre;
/* keep whitespace as is */
}
.emphasis {
color: #FF6600;
}