sinvo/lifeRestart
1
0
Fork 0
mirror of https://github.com/VickScarlet/lifeRestart.git synced 2026-08-28 01:06:49 +08:00
Code Issues Projects Releases Wiki Activity

update: hooks, web

Browse Source
This commit is contained in:
Vick Scarlet
2026-08-16 20:06:16 +08:00
committed by 神戸小鳥
parent 2f91709d1e
commit 322f775796
67 changed files with 2339 additions and 2243 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/containers/Alloc.css
+112
View File
@@ -0,0 +1,112 @@
.screen.point-allocation {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
width: 100%;
.allocation-input {
display: flex;
gap: 0;
border: 0.0625rem solid var(--base-text-color);
box-sizing: border-box;
width: 100%;
button {
padding: 0;
margin: 0;
width: 2rem;
height: 2rem;
border: none;
text-align: center;
}
input {
flex: 1;
height: 2rem;
width: 2rem;
}
}
.points-detail {
min-width: 100%;
color: var(--color-primary);
display: flex;
position: absolute;
flex-direction: column;
white-space: nowrap;
background: var(--base-background-color);
border: 0.0625rem solid var(--color-primary);
box-sizing: border-box;
top: 0;
left: 0;
transform: translateY(-100%);
margin: 0;
li {
display: flex;
justify-content: space-between;
line-height: 2rem;
padding: 0 0.5rem;
gap: 0.5rem;
}
li:not(:first-child) {
border-top: 0.0625rem solid var(--color-primary);
}
}
> ul.alloc {
display: flex;
flex-direction: row;
justify-content: center;
gap: 0.5rem;
padding: 0;
margin: 0;
list-style: none;
width: 100%;
> li {
flex: 1 0;
display: flex;
position: relative;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0;
> span {
width: 100%;
height: 2rem;
border: 0.0625rem solid var(--base-text-color);
border-bottom: none;
text-align: center;
line-height: 2rem;
box-sizing: border-box;
}
}
> li.left {
> span {
background: var(--color-primary);
color: var(--base-background-color);
border: 0.0625rem solid var(--color-primary);
border-bottom: none;
}
> button {
flex: 1;
font-size: 1rem;
line-height: 2rem;
width: 6rem;
padding: 0;
box-sizing: border-box;
}
}
}
> div {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
gap: 0.5rem;
button { flex: 1 0; }
}
> ul.talent-list {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 100%;
li { width: 100%; }
}
}