duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update: Highscores

Browse Source
This commit is contained in:
duckietm 2024-05-03 13:42:07 +02:00
parent 992bbfe55b
commit 4b0af81009
2 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/room/widgets/furniture/FurnitureHighScoreView.tsx
View File

@ -25,25 +25,25 @@ export const FurnitureHighScoreView: FC<{}> = props =>
</ContextMenuHeaderView>
<ContextMenuListView overflow="hidden" gap={ 1 } className="h-100">
<Column gap={ 1 }>
<Flex alignItems="center">
<Text center bold variant="white" className="col-8">
<Flex alignItems="center" className="px-2">
<Text bold variant="white" className="col-8">
{ LocalizeText('high.score.display.users.header') }
</Text>
<Text center bold variant="white" className="col-4">
<Text align="end" bold variant="white" className="col-4">
{ LocalizeText('high.score.display.score.header') }
</Text>
</Flex>
<hr className="m-0" />
</Column>
<Column overflow="auto" gap={ 1 } className="overflow-y-scroll">
<Column overflow="auto" gap={ 1 } className="px-2 overflow-y-scroll">
{ stuffData.entries.map((entry, index) =>
{
return (
<Flex key={ index } alignItems="center">
<Text center variant="white" className="col-8">
<Text variant="white" className="col-8">
{ entry.users.join(', ') }
</Text>
<Text center variant="white" className="col-4">
<Text align="end" variant="white" className="col-4">
{ entry.score }
</Text>
</Flex>

34
src/components/room/widgets/furniture/FurnitureWidgets.scss
View File

@ -291,9 +291,37 @@
}
.nitro-widget-high-score {
width: 250px;
max-width: 250px;
height: 200px;
width: 280px;
max-width: 280px;
height: 320px;
border-radius: 0.3rem;
border: solid 1px #000;
.header {
border-image-source: none !important;
background-color: #40403e;
border-radius: 0.3rem 0.3rem 0 0;
}
.align-right {
text-align: right;
}
.section-border {
border: solid 1px #8c8a88;
}
.high-score-content {
height: 100%;
background-color: #000;
border-radius: 0.3rem;
}
.score-footer {
color: #9a9896;
font-weight: bold;
}
}
.youtube-tv-widget {