Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
N
Neos
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Locked Files
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Security & Compliance
Security & Compliance
Dependency List
License Compliance
Packages
Packages
List
Container Registry
Analytics
Analytics
CI / CD
Code Review
Insights
Issues
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
love_飞影
Neos
Commits
2662dda3
Commit
2662dda3
authored
May 28, 2023
by
Chunchi Che
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update LifeBar and Menu
parent
9f0682ec
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
70 additions
and
4 deletions
+70
-4
src/styles/mat.css
src/styles/mat.css
+1
-1
src/ui/Duel/Main.tsx
src/ui/Duel/Main.tsx
+2
-2
src/ui/Duel/NewPlayMat/LifeBar/index.scss
src/ui/Duel/NewPlayMat/LifeBar/index.scss
+21
-0
src/ui/Duel/NewPlayMat/LifeBar/index.tsx
src/ui/Duel/NewPlayMat/LifeBar/index.tsx
+17
-0
src/ui/Duel/NewPlayMat/Menu/index.scss
src/ui/Duel/NewPlayMat/Menu/index.scss
+26
-0
src/ui/Duel/NewPlayMat/Menu/index.tsx
src/ui/Duel/NewPlayMat/Menu/index.tsx
+1
-1
src/ui/Duel/NewPlayMat/index.ts
src/ui/Duel/NewPlayMat/index.ts
+2
-0
No files found.
src/styles/mat.css
View file @
2662dda3
...
@@ -44,7 +44,7 @@ button:focus-visible {
...
@@ -44,7 +44,7 @@ button:focus-visible {
position
:
fixed
;
position
:
fixed
;
display
:
flex
;
display
:
flex
;
gap
:
20px
;
gap
:
20px
;
top
:
20px
;
bottom
:
20px
;
right
:
20px
;
right
:
20px
;
z-index
:
999
;
z-index
:
999
;
}
}
...
...
src/ui/Duel/Main.tsx
View file @
2662dda3
...
@@ -13,8 +13,7 @@ import {
...
@@ -13,8 +13,7 @@ import {
SortCardModal
,
SortCardModal
,
YesNoModal
,
YesNoModal
,
}
from
"
./Message
"
;
}
from
"
./Message
"
;
import
{
Mat
}
from
"
./NewPlayMat
"
;
import
{
LifeBar
,
Mat
,
Menu
}
from
"
./NewPlayMat
"
;
import
{
Menu
}
from
"
./NewPlayMat/Menu
"
;
const
NeosDuel
=
()
=>
{
const
NeosDuel
=
()
=>
{
return
(
return
(
...
@@ -23,6 +22,7 @@ const NeosDuel = () => {
...
@@ -23,6 +22,7 @@ const NeosDuel = () => {
{
/* <Test /> */
}
{
/* <Test /> */
}
{
/* <Mat /> */
}
{
/* <Mat /> */
}
<
Menu
/>
<
Menu
/>
<
LifeBar
/>
<
Mat
/>
<
Mat
/>
<
CardModal
/>
<
CardModal
/>
<
CardListModal
/>
<
CardListModal
/>
...
...
src/ui/Duel/NewPlayMat/LifeBar/index.scss
0 → 100644
View file @
2662dda3
#life-bar-container
{
position
:
fixed
;
display
:
flex
;
gap
:
20px
;
top
:
20px
;
right
:
20px
;
font-size
:
1
.5em
;
font-weight
:
500
;
font-family
:
inherit
;
flex-direction
:
column
;
}
#life-bar
{
padding
:
0
.8em
1
.6em
;
background-color
:
#a9a9a9
;
border-radius
:
8px
;
text-align
:
left
;
border
:
1px
solid
transparent
;
color
:
black
;
opacity
:
0
.4
;
}
src/ui/Duel/NewPlayMat/LifeBar/index.tsx
0 → 100644
View file @
2662dda3
import
"
./index.scss
"
;
import
React
from
"
react
"
;
import
{
useSnapshot
}
from
"
valtio
"
;
import
{
matStore
}
from
"
@/stores
"
;
export
const
LifeBar
:
React
.
FC
=
()
=>
{
const
snap
=
useSnapshot
(
matStore
.
initInfo
);
return
(
<
div
id=
"life-bar-container"
>
<
div
id=
"life-bar"
>
{
`${snap.me.name}: ${snap.me.life}`
}
</
div
>
<
div
id=
"life-bar"
>
{
`${snap.op.name}: ${snap.op.life}`
}
</
div
>
</
div
>
);
};
src/ui/Duel/NewPlayMat/Menu/index.scss
0 → 100644
View file @
2662dda3
#controller
{
position
:
fixed
;
display
:
flex
;
gap
:
20px
;
bottom
:
20px
;
right
:
20px
;
z-index
:
999
;
}
button
{
border-radius
:
8px
;
border
:
1px
solid
transparent
;
padding
:
0
.6em
1
.2em
;
font-size
:
1em
;
font-weight
:
500
;
font-family
:
inherit
;
cursor
:
pointer
;
transition
:
border-color
0
.25s
;
}
button
:hover
{
border-color
:
#646cff
;
}
button
:focus
,
button
:focus-visible
{
outline
:
4px
auto
-
webkit-focus-ring-color
;
}
src/ui/Duel/NewPlayMat/Menu.tsx
→
src/ui/Duel/NewPlayMat/Menu
/index
.tsx
View file @
2662dda3
import
"
@/styles/mat.
css
"
;
import
"
./index.s
css
"
;
import
{
Button
,
Modal
}
from
"
antd
"
;
import
{
Button
,
Modal
}
from
"
antd
"
;
import
React
,
{
useState
}
from
"
react
"
;
import
React
,
{
useState
}
from
"
react
"
;
...
...
src/ui/Duel/NewPlayMat/index.ts
View file @
2662dda3
export
*
from
"
./LifeBar
"
;
export
*
from
"
./Mat
"
;
export
*
from
"
./Mat
"
;
export
*
from
"
./Menu
"
;
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment