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> </ContextMenuHeaderView>
<ContextMenuListView overflow="hidden" gap={ 1 } className="h-100"> <ContextMenuListView overflow="hidden" gap={ 1 } className="h-100">
<Column gap={ 1 }> <Column gap={ 1 }>
<Flex alignItems="center"> <Flex alignItems="center" className="px-2">
<Text center bold variant="white" className="col-8"> <Text bold variant="white" className="col-8">
{ LocalizeText('high.score.display.users.header') } { LocalizeText('high.score.display.users.header') }
</Text> </Text>
<Text center bold variant="white" className="col-4"> <Text align="end" bold variant="white" className="col-4">
{ LocalizeText('high.score.display.score.header') } { LocalizeText('high.score.display.score.header') }
</Text> </Text>
</Flex> </Flex>
<hr className="m-0" /> <hr className="m-0" />
</Column> </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) => { stuffData.entries.map((entry, index) =>
{ {
return ( return (
<Flex key={ index } alignItems="center"> <Flex key={ index } alignItems="center">
<Text center variant="white" className="col-8"> <Text variant="white" className="col-8">
{ entry.users.join(', ') } { entry.users.join(', ') }
</Text> </Text>
<Text center variant="white" className="col-4"> <Text align="end" variant="white" className="col-4">
{ entry.score } { entry.score }
</Text> </Text>
</Flex> </Flex>

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

@ -291,9 +291,37 @@
} }
.nitro-widget-high-score { .nitro-widget-high-score {
width: 250px; width: 280px;
max-width: 250px; max-width: 280px;
height: 200px; 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 { .youtube-tv-widget {