Tweak bios
This commit is contained in:
		
							parent
							
								
									787d593b8f
								
							
						
					
					
						commit
						189b1bff38
					
				
					 2 changed files with 137 additions and 26 deletions
				
			
		|  | @ -44,7 +44,7 @@ window.onload = async () => { | |||
| 		const addKeyInput = document.createElement('input'); | ||||
| 		const addValueTextarea = document.createElement('textarea'); | ||||
| 		const addButton = document.createElement('button'); | ||||
| 		addButton.textContent = 'add'; | ||||
| 		addButton.textContent = 'Add'; | ||||
| 		addButton.addEventListener('click', () => { | ||||
| 			localStorage.setItem(addKeyInput.value, addValueTextarea.value); | ||||
| 			location.reload(); | ||||
|  | @ -64,13 +64,13 @@ window.onload = async () => { | |||
| 			const textarea = document.createElement('textarea'); | ||||
| 			textarea.textContent = localStorage.getItem(k); | ||||
| 			const saveButton = document.createElement('button'); | ||||
| 			saveButton.textContent = 'save'; | ||||
| 			saveButton.textContent = 'Save'; | ||||
| 			saveButton.addEventListener('click', () => { | ||||
| 				localStorage.setItem(k, textarea.value); | ||||
| 				location.reload(); | ||||
| 			}); | ||||
| 			const removeButton = document.createElement('button'); | ||||
| 			removeButton.textContent = 'remove'; | ||||
| 			removeButton.textContent = 'Remove'; | ||||
| 			removeButton.addEventListener('click', () => { | ||||
| 				localStorage.removeItem(k); | ||||
| 				location.reload(); | ||||
|  |  | |||
|  | @ -1,20 +1,131 @@ | |||
| doctype html | ||||
| 
 | ||||
| html | ||||
| 
 | ||||
| 	head | ||||
| 		meta(charset='utf-8') | ||||
| 		meta(name='application-name' content='Misskey') | ||||
| 		title Misskey Repair Tool | ||||
| 		style | ||||
| 			include ../bios.css | ||||
| 		script | ||||
| 			include ../bios.js | ||||
| 
 | ||||
| 	body | ||||
| 		header | ||||
| 			h1 Misskey Repair Tool #{version} | ||||
| 		main | ||||
| 			div.tabs | ||||
| 				button#ls Edit local storage | ||||
| 			div#content | ||||
| main>.tabs { | ||||
|  padding:16px; | ||||
|  border-bottom:4px solid #c3c3c3 | ||||
| } | ||||
| #lsEditor>.adder { | ||||
|  margin:16px; | ||||
|  padding:16px; | ||||
|  border:2px solid #c3c3c3 | ||||
| } | ||||
| #lsEditor>.adder>textarea { | ||||
|  display:block; | ||||
|  width:100%; | ||||
|  min-height:5em; | ||||
|  box-sizing:border-box | ||||
| } | ||||
| #lsEditor>.record { | ||||
|  padding:16px; | ||||
|  border-bottom:1px solid #c3c3c3 | ||||
| } | ||||
| #lsEditor>.record>header { | ||||
|  font-weight:700 | ||||
| } | ||||
| #lsEditor>.record>textarea { | ||||
|  display:block; | ||||
|  width:100%; | ||||
|  min-height:5em; | ||||
|  box-sizing:border-box | ||||
| } | ||||
| html { | ||||
|  background:#222 | ||||
| } | ||||
| main { | ||||
|  background:#333; | ||||
|  border-radius:10px | ||||
| } | ||||
| #tl>div { | ||||
|  padding:16px; | ||||
|  border-bottom:1px solid #c3c3c3 | ||||
| } | ||||
| #tl>div>header { | ||||
|  font-weight:700 | ||||
| } | ||||
| * { | ||||
|  font-family:BIZ UDGothic,Roboto,HelveticaNeue,Arial,sans-serif | ||||
| } | ||||
| #misskey_app { | ||||
|  display:none!important | ||||
| } | ||||
| body, | ||||
| html { | ||||
|  background-color:#222; | ||||
|  color:#dfddcc; | ||||
|  justify-content:center; | ||||
|  margin:auto; | ||||
|  padding:10px; | ||||
|  text-align:center | ||||
| } | ||||
| button { | ||||
|  background:linear-gradient(90deg,#86b300,#4ab300); | ||||
|  line-height:50px; | ||||
|  color:#222; | ||||
|  font-weight:700; | ||||
|  font-size:20px; | ||||
|  border-radius:999px; | ||||
|  padding:0 20px; | ||||
|  margin-left: 5px; | ||||
|  margin-right: 5px; | ||||
|  border:none; | ||||
|  cursor:pointer; | ||||
|  margin-bottom:12px; | ||||
|  background:#444; | ||||
|  line-height:40px; | ||||
|  color:#9c0; | ||||
|  font-size:16px; | ||||
| } | ||||
| button:hover { | ||||
|  background:#555 | ||||
| } | ||||
| #ls { | ||||
|  background:linear-gradient(90deg,#86b300,#4ab300); | ||||
|  line-height:50px; | ||||
|  color:#222; | ||||
|  font-weight:700; | ||||
|  font-size:20px; | ||||
|  padding:12px | ||||
| } | ||||
| #ls:hover { | ||||
|  background:#9c0 | ||||
| } | ||||
| a { | ||||
|  color:#86b300; | ||||
|  text-decoration:none | ||||
| } | ||||
| li, | ||||
| p { | ||||
|  font-size:16px | ||||
| } | ||||
| h1 { | ||||
|  font-size:32px | ||||
| } | ||||
| code { | ||||
|  font-family:Fira,FiraCode,monospace | ||||
| } | ||||
| textarea { | ||||
|  background-color:#444; | ||||
|  border:solid #aaa; | ||||
|  border-radius:10px; | ||||
|  color:#dfddcc; | ||||
|  margin-top:1rem; | ||||
|  margin-bottom:1rem; | ||||
|  width:20rem; | ||||
|  height:7rem; | ||||
|  padding:.5rem | ||||
| } | ||||
| textarea:focus { | ||||
|  border:solid #eee | ||||
| } | ||||
| input { | ||||
|  background-color:#666; | ||||
|  border:solid #aaa; | ||||
|  border-radius:10px; | ||||
|  color:#dfddcc; | ||||
|  margin-top:1rem; | ||||
|  margin-bottom:1rem; | ||||
|  width:10rem; | ||||
|  height:1rem; | ||||
|  padding:.5rem | ||||
| } | ||||
| input:focus { | ||||
|  border:solid #eee | ||||
| } | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue