diff options
| author | julian laplace <julescarbon@gmail.com> | 2025-07-15 00:24:24 +0200 |
|---|---|---|
| committer | julian laplace <julescarbon@gmail.com> | 2025-07-15 00:24:24 +0200 |
| commit | b68e5f30225595abbff4b787d8348c9ea4700d1f (patch) | |
| tree | aa35d92a5748478c1c80095596e18d965936f0a9 /index.html | |
| parent | e3a83bf81c3ceaaa72fb5fbc5b29248a5c9618ac (diff) | |
add ability to set root note
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 20 |
1 files changed, 20 insertions, 0 deletions
@@ -331,6 +331,10 @@ cursor: pointer; border-radius: 8px; opacity: 0.9; + display: inline-flex; + flex-direction: row; + justify-content: center; + align-items: center; } .root-select button:hover { opacity: 1; @@ -339,6 +343,16 @@ padding-left: 1rem; padding-right: 1rem; } + + .fraction { + display: inline-flex; + flex-direction: column; + font-size: 12px; + margin-left: 0.25rem; + } + .fraction span:first-child { + border-bottom: 1px solid; + } </style> </head> <body> @@ -677,6 +691,12 @@ </div> <div class="row"> <button class="div-2">÷2</button> + <button class="div-3-2"> + ÷<span class="fraction"><span>3</span><span>2</span></span> + </button> + <button class="mul-3-2"> + ×<span class="fraction"><span>3</span><span>2</span></span> + </button> <button class="mul-2">×2</button> </div> <div class="row"> |