github/SlimeVR-Server
1
1
Fork 0
mirror of https://github.com/SlimeVR/SlimeVR-Server.git synced 2026-04-06 02:01:58 +02:00
Code Issues 161 Packages Projects Releases Wiki Activity

Fix spacing issues on advanced settings (#1198)

Browse Source
This commit is contained in:
Uriel
2024-10-16 18:52:06 +02:00
committed by GitHub
parent 5d65b807ef
commit 99a4141a7d
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
gui/src/components/settings/pages/AdvancedSettings.tsx
View File

@@ -56,13 +56,13 @@ export function AdvancedSettings() {
{l10n.getString('settings-utils-advanced')}
</Typography>
<div className="grid gap-4 mobile:gap-6">
<div className="grid gap-4">
<div className="sm:grid sm:grid-cols-[1.75fr,_1fr] items-center">
<div>
<Typography bold>
{l10n.getString('settings-utils-advanced-reset-gui')}
</Typography>
<div className="flex flex-col pt-1">
<div className="flex flex-col">
<Typography color="secondary">
{l10n.getString(
'settings-utils-advanced-reset-gui-description'
@@ -70,7 +70,7 @@ export function AdvancedSettings() {
</Typography>
</div>
</div>
<div className="flex flex-col">
<div className="flex flex-col nsm:pt-2">
<Button
variant="secondary"
onClick={() => setShowWarningGUI(true)}
@@ -94,7 +94,7 @@ export function AdvancedSettings() {
<Typography bold>
{l10n.getString('settings-utils-advanced-reset-server')}
</Typography>
<div className="flex flex-col pt-1">
<div className="flex flex-col">
<Typography color="secondary">
{l10n.getString(
'settings-utils-advanced-reset-server-description'
@@ -102,7 +102,7 @@ export function AdvancedSettings() {
</Typography>
</div>
</div>
<div className="flex flex-col">
<div className="flex flex-col nsm:pt-2">
<Button
variant="secondary"
onClick={() => setShowWarningServer(true)}
@@ -131,7 +131,7 @@ export function AdvancedSettings() {
<Typography bold>
{l10n.getString('settings-utils-advanced-reset-all')}
</Typography>
<div className="flex flex-col pt-1">
<div className="flex flex-col">
<Typography color="secondary">
{l10n.getString(
'settings-utils-advanced-reset-all-description'
@@ -139,7 +139,7 @@ export function AdvancedSettings() {
</Typography>
</div>
</div>
<div className="flex flex-col">
<div className="flex flex-col nsm:pt-2">
<Button
variant="secondary"
onClick={() => setShowWarningAll(true)}
@@ -167,7 +167,7 @@ export function AdvancedSettings() {
<Typography bold>
{l10n.getString('settings-utils-advanced-open_data')}
</Typography>
<div className="flex flex-col pt-1">
<div className="flex flex-col">
<Typography color="secondary">
{l10n.getString(
'settings-utils-advanced-open_data-description'
@@ -175,7 +175,7 @@ export function AdvancedSettings() {
</Typography>
</div>
</div>
<div className="flex flex-col">
<div className="flex flex-col nsm:pt-2">
<Button variant="secondary" onClick={openConfigFolder}>
{l10n.getString('settings-utils-advanced-open_data-label')}
</Button>

1
gui/tailwind.config.ts
View File

@@ -160,6 +160,7 @@ const config = {
smol: '525px',
mobile: { raw: 'not (min-width: 800px)' },
xs: '800px',
nsm: { raw: 'not (min-width: 900px)' },
sm: '900px',
md: '1100px',
'md-max': { raw: 'not (min-width: 1100px)' },