diff --git a/packages/app/src/components/app/play/ui/health/index.module.scss b/packages/app/src/components/app/play/ui/health/index.module.scss index 35967d1..b7979d9 100644 --- a/packages/app/src/components/app/play/ui/health/index.module.scss +++ b/packages/app/src/components/app/play/ui/health/index.module.scss @@ -52,7 +52,7 @@ .meterWrapper { background-color: rgba(255, 255, 255, 0.075); border-radius: 20px; - border: var(--border-width) solid white; + border: var(--border-width) outset white; height: var(--height); overflow: hidden; position: relative; diff --git a/packages/app/src/components/app/play/ui/hotbar/index.module.scss b/packages/app/src/components/app/play/ui/hotbar/index.module.scss index f2994bd..f5b2e5f 100644 --- a/packages/app/src/components/app/play/ui/hotbar/index.module.scss +++ b/packages/app/src/components/app/play/ui/hotbar/index.module.scss @@ -10,7 +10,7 @@ transition: box-shadow 0.125s linear; user-select: none; .active { - border: 4px solid rgba(255, 255, 0, 1); + border: 4px outset rgba(255, 255, 0, 1); &:hover { @include shadow-border(4px, rgba(255, 255, 0, 0.3), 8px); } diff --git a/packages/app/src/components/app/play/ui/money/index.module.scss b/packages/app/src/components/app/play/ui/money/index.module.scss index 89c10e4..ad3adf1 100644 --- a/packages/app/src/components/app/play/ui/money/index.module.scss +++ b/packages/app/src/components/app/play/ui/money/index.module.scss @@ -29,7 +29,7 @@ } .number::after { - border: 3px solid white; + border: 3px outset white; border-radius: 5px; content: ''; height: calc(100% + 6px); @@ -64,7 +64,7 @@ display: inline-block; font-family: joystix; font-weight: normal; - font-size: 64px; + font-size: 56px; padding: 7px 12px; position: relative; --inner-shadow: rgb(0, 64, 0); @@ -78,7 +78,7 @@ } .sign::after { - border: 4px solid white; + border: 4px outset white; border-radius: 60px; box-sizing: content-box; content: ''; diff --git a/packages/app/src/components/app/play/ui/stamina/index.module.scss b/packages/app/src/components/app/play/ui/stamina/index.module.scss index b97e984..b50dbf3 100644 --- a/packages/app/src/components/app/play/ui/stamina/index.module.scss +++ b/packages/app/src/components/app/play/ui/stamina/index.module.scss @@ -18,7 +18,7 @@ .meterWrapper { background-color: rgba(255, 255, 255, 0.075); border-radius: 20px; - border: var(--border-width) solid white; + border: var(--border-width) outset white; height: var(--height); overflow: hidden; position: relative;