diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2023-07-31 14:50:32 +0100 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2023-07-31 14:50:32 +0100 |
| commit | f10546a60fce9439c3f3e6e726b11c2deb7cbdb2 (patch) | |
| tree | 258370e3e7d29d8652945860fa86825c68cd5c8a /code/ui/character | |
| parent | 5b3a48aa5f72806c8d9aa9d4747f159b64c6b0be (diff) | |
Tweak UI elements
Diffstat (limited to 'code/ui/character')
| -rw-r--r-- | code/ui/character/LookingAtInfo.razor | 9 | ||||
| -rw-r--r-- | code/ui/character/NameInfo.razor | 1 |
2 files changed, 4 insertions, 6 deletions
diff --git a/code/ui/character/LookingAtInfo.razor b/code/ui/character/LookingAtInfo.razor index dceb627..ab43527 100644 --- a/code/ui/character/LookingAtInfo.razor +++ b/code/ui/character/LookingAtInfo.razor @@ -18,14 +18,11 @@ lookingatinfo { flex-direction: column;
}
.box {
- backdrop-filter-blur: 8px;
- background-color: rgba(0, 0, 0, 0.10);
- padding: 5px;
- color: white;
font-weight: 700;
font-size: 20px;
font-family: "Roboto";
margin-top: 100px;
+ text-shadow: 1px 1px 0 0 rgba(0,0,0,0.75);
}
.text {
/* text-shadow: 1px 1px 0px 0px rgba(0,0,0,0.75); */
@@ -34,9 +31,9 @@ lookingatinfo { @if (GetLookingAtName() != "")
{
-<div class="box" style="color: @GetLookingAtColour()">
+<smallbox class="box" style="color: @GetLookingAtColour()">
<span class="text">@GetLookingAtName()</span>
-</div>
+</smallbox>
}
@code
diff --git a/code/ui/character/NameInfo.razor b/code/ui/character/NameInfo.razor index 8b6dce1..f0a7488 100644 --- a/code/ui/character/NameInfo.razor +++ b/code/ui/character/NameInfo.razor @@ -9,6 +9,7 @@ font-size: 30px;
font-weight: 700;
font-family: "Roboto";
+ text-shadow: 1px 1px 0 0 rgba(0,0,0,0.75);
}
</style>
|