quazi00/vrchat-emoji-manager
1
0
Fork 0
forked from lamp/vrchat-emoji-manager
Code Pull Requests Activity

flexbox is ebic

Browse Source
This commit is contained in:
Lamp 2023-10-26 14:06:56 -07:00
parent f9945c3647
commit 715219e679
1 changed files with 30 additions and 7 deletions

37
manage.html

@ -2,9 +2,20 @@
<meta charset="UTF-8" />
<style>
body {
margin: 0px;
height: 100vh;
display: flex;
flex-direction: column;
}
#emojigrid {
flex-grow: 1;
display: flex;
flex-wrap: wrap;
overflow: auto;
padding: 8px;
align-content: flex-start;
}
.emojisquare {
border: 1px solid gray;
@ -33,19 +44,31 @@
background-color:rgba(255, 255, 0, 0.5);
}
#emojiadd {
margin-top: 8px;
#bottompanel {
border: 1px solid gray;
display: flex;
flex-wrap: wrap;
align-items: center;
}
#bottompanel div {
margin: 8px;
}
#errorDiv {
color: red;
flex-grow: 1;
}
</style>
</head><body>
<h1>VRChat Emoji Manager</h1>
<div id="emojigrid"></div>
<div id="errorDiv"></div>
<div id="emojiadd">Add more!!! <input type="file" id="fileinput" accept="image/png,image/jpeg" multiple /> <select id="default_animation_style_select" value="aura"><option value="aura">Aura</option><option value="bats">Bats</option><option value="bees">Bees</option><option value="bounce">Bounce</option><option value="cloud">Cloud</option><option value="confetti">Confetti</option><option value="crying">Crying</option><option value="dislike">Dislike</option><option value="fire">Fire</option><option value="idea">Idea</option><option value="lasers">Lasers</option><option value="like">Like</option><option value="magnet">Magnet</option><option value="mistletoe">Mistletoe</option><option value="money">Money</option><option value="noise">Noise</option><option value="orbit">Orbit</option><option value="pizza">Pizza</option><option value="rain">Rain</option><option value="rotate">Rotate</option><option value="shake">Shake</option><option value="snow">Snow</option><option value="snowball">Snowball</option><option value="spin">Spin</option><option value="splash">Splash</option><option value="stop">Stop</option><option value="zzz">ZZZ</option></select> <input type="submit" id="submit" value="Add" /></div>
<div><button id="deletemodebtn">Delete Emojis</button></div>
<script src="toggle.js"></script>
<div id="bottompanel">
<div id="errorDiv"></div>
<div id="emojiadd">Add more!!! <input type="file" id="fileinput" accept="image/png,image/jpeg" multiple /> <select id="default_animation_style_select" value="aura"><option value="aura">Aura</option><option value="bats">Bats</option><option value="bees">Bees</option><option value="bounce">Bounce</option><option value="cloud">Cloud</option><option value="confetti">Confetti</option><option value="crying">Crying</option><option value="dislike">Dislike</option><option value="fire">Fire</option><option value="idea">Idea</option><option value="lasers">Lasers</option><option value="like">Like</option><option value="magnet">Magnet</option><option value="mistletoe">Mistletoe</option><option value="money">Money</option><option value="noise">Noise</option><option value="orbit">Orbit</option><option value="pizza">Pizza</option><option value="rain">Rain</option><option value="rotate">Rotate</option><option value="shake">Shake</option><option value="snow">Snow</option><option value="snowball">Snowball</option><option value="spin">Spin</option><option value="splash">Splash</option><option value="stop">Stop</option><option value="zzz">ZZZ</option></select> <input type="submit" id="submit" value="Add" /></div>
<div><button id="deletemodebtn">Delete Emojis</button></div>
</div>
<script src="manage.js"></script>
</body></html>