ParkerTenBroeck/automata
1
0
Fork 0
mirror of https://github.com/ParkerTenBroeck/automata.git synced 2026-06-06 21:24:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

added example selector, added share button, added saving to local storage, layout change

Browse source
This commit is contained in:
Parker TenBroeck 2026-01-10 11:16:11 -05:00
parent 9dcef68d82
commit 2edc7aca3c
8 changed files with 427 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

70
web/root/style/style.scss
View file

@ -42,6 +42,23 @@ body {
flex-direction: row;
}
.flexCenter{
display: flex;
justify-content: center;
}
.gap {
gap: 1em
}
.marginTop {
margin-top: 1em;
}
.sidePadding {
padding: 0px 1em;
}
.hSplit {
:not( .styleOnly){
cursor: col-resize;
@ -72,3 +89,56 @@ body {
.vSplit:hover:not(.styleOnly) {
background: var(--separator-hover);
}
.ex-label {
display: block;
margin-bottom: 6px;
}
.ex-select {
width: 320px;
max-width: 100%;
padding: 10px 12px;
border-radius: 12px;
border: 1px solid var(bg-1);
background: var(--bg-2);
}
.share-toast {
position: absolute;
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
padding: 0.45rem 0.65rem;
border-radius: 10px;
background: var(--bg-2);
color: var(--fg-0);
font-size: 12px;
white-space: nowrap;
pointer-events: none;
opacity: 0;
}
.share-toast.show {
animation: toastFade 1.4s ease forwards;
}
@keyframes toastFade {
0% {
opacity: 0;
transform: translateX(-50%) translateY(-4px);
}
15% {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}