FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-17 06:56:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(web/textui) bottom center position(#507)

Browse Source
This commit is contained in:
xSamiVS
2024-03-09 11:04:18 +01:00
committed by GitHub
parent 0c470f249a
commit d8578281ee
4 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/features/textui/TextUI.tsx
View File

@@ -14,9 +14,12 @@ const useStyles = createStyles((theme, params: { position?: TextUiPosition }) =>
width: '100%',
position: 'absolute',
display: 'flex',
alignItems: params.position === 'top-center' ? 'baseline' : 'center',
justifyContent:
params.position === 'right-center' ? 'flex-end' : params.position === 'left-center' ? 'flex-start' : 'center',
alignItems:
params.position === 'top-center' ? 'baseline' :
params.position === 'bottom-center' ? 'flex-end' : 'center',
justifyContent:
params.position === 'right-center' ? 'flex-end' :
params.position === 'left-center' ? 'flex-start' : 'center',
},
container: {
fontSize: 16,

2
web/src/typings/textui.ts
View File

@@ -2,7 +2,7 @@ import { IconProp } from '@fortawesome/fontawesome-svg-core';
import React from 'react';
import { IconAnimation } from '../components/LibIcon';
export type TextUiPosition = 'right-center' | 'left-center' | 'top-center';
export type TextUiPosition = 'right-center' | 'left-center' | 'top-center' | 'bottom-center';
export interface TextUiProps {
text: string;