mirror of https://github.com/hykilpikonna/AquaDX
[+] Display country
parent
b26a5a566b
commit
d031602789
|
@ -1,5 +1,6 @@
|
||||||
@use "sass:color"
|
@use "sass:color"
|
||||||
@use "vars"
|
@use "vars"
|
||||||
|
@import 'components/font/twemoji-flags.css'
|
||||||
@import 'lxgw-wenkai-lite-webfont/style.css'
|
@import 'lxgw-wenkai-lite-webfont/style.css'
|
||||||
|
|
||||||
html
|
html
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
import { type GameName, getMult, roundFloor } from "../libs/scoring";
|
import { type GameName, getMult, roundFloor } from "../libs/scoring";
|
||||||
import StatusOverlays from "../components/StatusOverlays.svelte";
|
import StatusOverlays from "../components/StatusOverlays.svelte";
|
||||||
import Icon from "@iconify/svelte";
|
import Icon from "@iconify/svelte";
|
||||||
import { GAME_TITLE, t } from "../libs/i18n";
|
import { countryCodeToEmoji, GAME_TITLE, t } from "../libs/i18n";
|
||||||
import RankDetails from "../components/RankDetails.svelte";
|
import RankDetails from "../components/RankDetails.svelte";
|
||||||
import RatingComposition from "../components/RatingComposition.svelte";
|
import RatingComposition from "../components/RatingComposition.svelte";
|
||||||
import useLocalStorage from "../libs/hooks/useLocalStorage.svelte";
|
import useLocalStorage from "../libs/hooks/useLocalStorage.svelte";
|
||||||
|
@ -121,7 +121,12 @@
|
||||||
<div class="user-pfp">
|
<div class="user-pfp">
|
||||||
<img use:pfp={d.user.aquaUser} alt="" class="pfp" on:error={pfpNotFound}>
|
<img use:pfp={d.user.aquaUser} alt="" class="pfp" on:error={pfpNotFound}>
|
||||||
<div class="name-box">
|
<div class="name-box">
|
||||||
<h2>{d.user.name}</h2>
|
<div class="name-left">
|
||||||
|
<h2>{d.user.name}</h2>
|
||||||
|
{#if d.user.aquaUser}
|
||||||
|
<div class="country">{countryCodeToEmoji(d.user.aquaUser?.country)}</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
{#if typeof d.user.rival === 'boolean' && game === 'mai2'}
|
{#if typeof d.user.rival === 'boolean' && game === 'mai2'}
|
||||||
<span class="clickable" on:click={() => setRival(!d?.user.rival)} role="button" tabindex="0"
|
<span class="clickable" on:click={() => setRival(!d?.user.rival)} role="button" tabindex="0"
|
||||||
on:keydown={e => e.key === "Enter" && setRival(!d?.user.rival)}>
|
on:keydown={e => e.key === "Enter" && setRival(!d?.user.rival)}>
|
||||||
|
@ -359,6 +364,10 @@
|
||||||
justify-content: space-between
|
justify-content: space-between
|
||||||
gap: 10px
|
gap: 10px
|
||||||
|
|
||||||
|
.name-left
|
||||||
|
display: flex
|
||||||
|
gap: 1em
|
||||||
|
|
||||||
.pfp
|
.pfp
|
||||||
width: 100px
|
width: 100px
|
||||||
height: 100px
|
height: 100px
|
||||||
|
|
Loading…
Reference in New Issue