mirror of
https://git.sanhost.net/sanasol/hytale-f2p
synced 2026-02-26 10:31:47 -03:00
feat: create two columns for settings page
This commit is contained in:
Fazri Gading
479
GUI/index.html
479
GUI/index.html
@@ -304,271 +304,274 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="settings-content">
|
<div class="settings-content">
|
||||||
<div class="settings-section">
|
<div class="settings-column">
|
||||||
<h3 class="settings-section-title">
|
<div class="settings-section">
|
||||||
<i class="fas fa-gamepad"></i>
|
<h3 class="settings-section-title">
|
||||||
<span data-i18n="settings.game">Game Options</span>
|
<i class="fas fa-gamepad"></i>
|
||||||
</h3>
|
<span data-i18n="settings.game">Game Options</span>
|
||||||
|
</h3>
|
||||||
|
|
||||||
<div class="settings-option">
|
<div class="settings-option">
|
||||||
<div class="settings-input-group">
|
<div class="settings-input-group">
|
||||||
<label class="settings-input-label" data-i18n="settings.playerName">Player
|
<label class="settings-input-label" data-i18n="settings.playerName">Player
|
||||||
Name</label>
|
Name</label>
|
||||||
<input type="text" id="settingsPlayerName" class="settings-input"
|
<input type="text" id="settingsPlayerName" class="settings-input"
|
||||||
data-i18n-placeholder="settings.playerNamePlaceholder" maxlength="16" />
|
data-i18n-placeholder="settings.playerNamePlaceholder" maxlength="16" />
|
||||||
<p class="settings-hint">
|
<p class="settings-hint">
|
||||||
<i class="fas fa-user"></i>
|
<i class="fas fa-user"></i>
|
||||||
<span data-i18n="settings.playerNameHint">This name will be used in-game
|
<span data-i18n="settings.playerNameHint">This name will be used in-game
|
||||||
(1-16 characters)</span>
|
(1-16 characters)</span>
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-option">
|
<div class="settings-option">
|
||||||
<div class="settings-button-group">
|
<div class="settings-button-group">
|
||||||
<button id="openGameLocationBtn" class="settings-action-btn"
|
<button id="openGameLocationBtn" class="settings-action-btn"
|
||||||
onclick="openGameLocation()">
|
onclick="openGameLocation()">
|
||||||
<i class="fas fa-folder-open"></i>
|
<i class="fas fa-folder-open"></i>
|
||||||
<div class="btn-content">
|
<div class="btn-content">
|
||||||
<div class="btn-title" data-i18n="settings.openGameLocation">Open
|
<div class="btn-title" data-i18n="settings.openGameLocation">Open
|
||||||
Game Location</div>
|
Game Location</div>
|
||||||
<div class="btn-description"
|
<div class="btn-description"
|
||||||
data-i18n="settings.openGameLocationDesc">Open the game
|
data-i18n="settings.openGameLocationDesc">Open the game
|
||||||
installation folder</div>
|
installation folder</div>
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-option">
|
|
||||||
<div class="settings-button-group">
|
|
||||||
<button id="repairGameBtn" class="settings-action-btn"
|
|
||||||
onclick="repairGame()">
|
|
||||||
<i class="fas fa-tools"></i>
|
|
||||||
<div class="btn-content">
|
|
||||||
<div class="btn-title" data-i18n="settings.repairGame">Repair Game
|
|
||||||
</div>
|
</div>
|
||||||
<div class="btn-description" data-i18n="settings.reinstallGame">
|
</button>
|
||||||
Reinstall game files (preserves data)
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-option">
|
<div class="settings-option">
|
||||||
<div class="settings-input-group">
|
<div class="settings-button-group">
|
||||||
<label class="settings-input-label" data-i18n="settings.gameBranch">Game
|
<button id="repairGameBtn" class="settings-action-btn"
|
||||||
Branch</label>
|
onclick="repairGame()">
|
||||||
|
<i class="fas fa-tools"></i>
|
||||||
|
<div class="btn-content">
|
||||||
|
<div class="btn-title" data-i18n="settings.repairGame">Repair Game
|
||||||
|
</div>
|
||||||
|
<div class="btn-description" data-i18n="settings.reinstallGame">
|
||||||
|
Reinstall game files (preserves data)
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="settings-option">
|
||||||
|
<div class="settings-input-group">
|
||||||
|
<label class="settings-input-label" data-i18n="settings.gameBranch">Game
|
||||||
|
Branch</label>
|
||||||
|
<div class="segmented-control">
|
||||||
|
<input type="radio" id="branch-release" name="gameBranch"
|
||||||
|
value="release" checked>
|
||||||
|
<label for="branch-release"
|
||||||
|
data-i18n="settings.branchRelease">Release</label>
|
||||||
|
<input type="radio" id="branch-pre-release" name="gameBranch"
|
||||||
|
value="pre-release">
|
||||||
|
<label for="branch-pre-release"
|
||||||
|
data-i18n="settings.branchPreRelease">Pre-Release</label>
|
||||||
|
</div>
|
||||||
|
<p class="settings-hint">
|
||||||
|
<i class="fas fa-info-circle"></i>
|
||||||
|
<span data-i18n="settings.branchHint">Switch between stable release and
|
||||||
|
experimental pre-release versions</span>
|
||||||
|
</p>
|
||||||
|
<p class="settings-hint" style="color: #f39c12;">
|
||||||
|
<i class="fas fa-exclamation-triangle"></i>
|
||||||
|
<span data-i18n="settings.branchWarning">Changing branch will download
|
||||||
|
and install a different game version</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="settings-option">
|
||||||
|
<label class="settings-input-label" data-i18n="settings.gpuPreference">GPU
|
||||||
|
Preference</label>
|
||||||
<div class="segmented-control">
|
<div class="segmented-control">
|
||||||
<input type="radio" id="branch-release" name="gameBranch"
|
<input type="radio" id="gpu-auto" name="gpuPreference" value="auto" checked>
|
||||||
value="release" checked>
|
<label for="gpu-auto" data-i18n="settings.gpuAuto">Auto</label>
|
||||||
<label for="branch-release"
|
<input type="radio" id="gpu-integrated" name="gpuPreference"
|
||||||
data-i18n="settings.branchRelease">Release</label>
|
value="integrated">
|
||||||
<input type="radio" id="branch-pre-release" name="gameBranch"
|
<label for="gpu-integrated"
|
||||||
value="pre-release">
|
data-i18n="settings.gpuIntegrated">Integrated</label>
|
||||||
<label for="branch-pre-release"
|
<input type="radio" id="gpu-dedicated" name="gpuPreference"
|
||||||
data-i18n="settings.branchPreRelease">Pre-Release</label>
|
value="dedicated">
|
||||||
|
<label for="gpu-dedicated"
|
||||||
|
data-i18n="settings.gpuDedicated">Dedicated</label>
|
||||||
</div>
|
</div>
|
||||||
<p class="settings-hint">
|
<p class="settings-hint">
|
||||||
<i class="fas fa-info-circle"></i>
|
<i class="fas fa-info-circle"></i>
|
||||||
<span data-i18n="settings.branchHint">Switch between stable release and
|
<span data-i18n="settings.gpuHint">Laptop-only feature; set to Integrated if on PC</span>
|
||||||
experimental pre-release versions</span>
|
|
||||||
</p>
|
|
||||||
<p class="settings-hint" style="color: #f39c12;">
|
|
||||||
<i class="fas fa-exclamation-triangle"></i>
|
|
||||||
<span data-i18n="settings.branchWarning">Changing branch will download
|
|
||||||
and install a different game version</span>
|
|
||||||
</p>
|
</p>
|
||||||
|
<div id="gpu-detection-info" class="gpu-detection-info"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="settings-option">
|
<div class="settings-section">
|
||||||
<label class="settings-input-label" data-i18n="settings.gpuPreference">GPU
|
<h3 class="settings-section-title">
|
||||||
Preference</label>
|
<i class="fas fa-coffee"></i>
|
||||||
<div class="segmented-control">
|
<span data-i18n="settings.java">Java Runtime</span>
|
||||||
<input type="radio" id="gpu-auto" name="gpuPreference" value="auto" checked>
|
</h3>
|
||||||
<label for="gpu-auto" data-i18n="settings.gpuAuto">Auto</label>
|
|
||||||
<input type="radio" id="gpu-integrated" name="gpuPreference"
|
<div class="settings-option">
|
||||||
value="integrated">
|
<label class="settings-checkbox">
|
||||||
<label for="gpu-integrated"
|
<input type="checkbox" id="customJavaCheck" />
|
||||||
data-i18n="settings.gpuIntegrated">Integrated</label>
|
<span class="checkmark"></span>
|
||||||
<input type="radio" id="gpu-dedicated" name="gpuPreference"
|
<div class="checkbox-content">
|
||||||
value="dedicated">
|
<div class="checkbox-title" data-i18n="settings.useCustomJava">Use
|
||||||
<label for="gpu-dedicated"
|
Custom Java Path</div>
|
||||||
data-i18n="settings.gpuDedicated">Dedicated</label>
|
<div class="checkbox-description" data-i18n="settings.javaDescription">
|
||||||
|
Override the bundled Java runtime with
|
||||||
|
your own installation</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<p class="settings-hint">
|
|
||||||
<i class="fas fa-info-circle"></i>
|
|
||||||
<span data-i18n="settings.gpuHint">Laptop-only feature; set to Integrated if on PC</span>
|
|
||||||
</p>
|
|
||||||
<div id="gpu-detection-info" class="gpu-detection-info"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-section">
|
<div id="customJavaOptions" class="custom-java-options" style="display: none;">
|
||||||
<h3 class="settings-section-title">
|
<div class="settings-input-group">
|
||||||
<i class="fas fa-fingerprint"></i>
|
<label class="settings-input-label" data-i18n="settings.javaPath">Java
|
||||||
<span data-i18n="settings.account">Player UUID Management</span>
|
Executable Path</label>
|
||||||
</h3>
|
<div class="settings-input-with-button">
|
||||||
|
<input type="text" id="customJavaPath" class="settings-input"
|
||||||
<div class="settings-option">
|
data-i18n-placeholder="settings.javaPathPlaceholder" readonly />
|
||||||
<div class="settings-input-group">
|
<button id="browseJavaBtn" class="settings-browse-btn">
|
||||||
<label class="settings-input-label" data-i18n="settings.currentUUID">Current
|
<i class="fas fa-folder-open"></i>
|
||||||
UUID</label>
|
<span data-i18n="settings.javaBrowse">Browse</span>
|
||||||
<div class="uuid-display-container">
|
</button>
|
||||||
<input type="text" id="currentUuid" class="settings-input uuid-input"
|
</div>
|
||||||
readonly data-i18n-placeholder="settings.uuidPlaceholder" />
|
<p class="settings-hint">
|
||||||
<button id="copyUuidBtn" class="uuid-btn copy-btn" title="Copy UUID">
|
<i class="fas fa-info-circle"></i>
|
||||||
<i class="fas fa-copy"></i>
|
<span data-i18n="settings.javaHint">Select the Java installation folder
|
||||||
</button>
|
(supports Windows, Mac, Linux)</span>
|
||||||
<button id="regenerateUuidBtn" class="uuid-btn regenerate-btn"
|
</p>
|
||||||
title="Generate New UUID">
|
|
||||||
<i class="fas fa-sync-alt"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<p class="settings-hint">
|
|
||||||
<i class="fas fa-info-circle"></i>
|
|
||||||
<span data-i18n="settings.uuidHint">Your unique player identifier for
|
|
||||||
this username</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-option">
|
|
||||||
<div class="settings-button-group">
|
|
||||||
<button id="manageUuidsBtn" class="settings-action-btn">
|
|
||||||
<i class="fas fa-list"></i>
|
|
||||||
<div class="btn-content">
|
|
||||||
<div class="btn-title" data-i18n="settings.manageUUIDs">Manage All
|
|
||||||
UUIDs</div>
|
|
||||||
<div class="btn-description" data-i18n="settings.manageUUIDsDesc">
|
|
||||||
View and manage all player UUIDs</div>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-section">
|
|
||||||
<h3 class="settings-section-title">
|
|
||||||
<i class="fab fa-discord"></i>
|
|
||||||
<span data-i18n="settings.discord">Discord Integration</span>
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
<div class="settings-option">
|
|
||||||
<label class="settings-checkbox">
|
|
||||||
<input type="checkbox" id="discordRPCCheck" checked />
|
|
||||||
<span class="checkmark"></span>
|
|
||||||
<div class="checkbox-content">
|
|
||||||
<div class="checkbox-title" data-i18n="settings.enableRPC">Enable
|
|
||||||
Discord Rich Presence</div>
|
|
||||||
<div class="checkbox-description" data-i18n="settings.discordDescription">
|
|
||||||
Show your launcher activity
|
|
||||||
on Discord
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-section">
|
|
||||||
<h3 class="settings-section-title">
|
|
||||||
<i class="fas fa-window-close"></i>
|
|
||||||
<span data-i18n="settings.closeLauncher">Launcher Behavior</span>
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
<div class="settings-option">
|
|
||||||
<label class="settings-checkbox">
|
|
||||||
<input type="checkbox" id="closeLauncherCheck" />
|
|
||||||
<span class="checkmark"></span>
|
|
||||||
<div class="checkbox-content">
|
|
||||||
<div class="checkbox-title" data-i18n="settings.closeOnStart">Close Launcher
|
|
||||||
on game start</div>
|
|
||||||
<div class="checkbox-description"
|
|
||||||
data-i18n="settings.closeOnStartDescription">
|
|
||||||
Automatically close the launcher after Hytale has launched
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="settings-option">
|
|
||||||
<label class="settings-checkbox">
|
|
||||||
<input type="checkbox" id="launcherHwAccelCheck" />
|
|
||||||
<span class="checkmark"></span>
|
|
||||||
<div class="checkbox-content">
|
|
||||||
<div class="checkbox-title" data-i18n="settings.hwAccel">Launcher Hardware
|
|
||||||
Acceleration</div>
|
|
||||||
<div class="checkbox-description" data-i18n="settings.hwAccelDescription">
|
|
||||||
Enable hardware acceleration for the launcher UI (Requires restart)
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="settings-section">
|
|
||||||
<h3 class="settings-section-title">
|
|
||||||
<i class="fas fa-coffee"></i>
|
|
||||||
<span data-i18n="settings.java">Java Runtime</span>
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
<div class="settings-option">
|
|
||||||
<label class="settings-checkbox">
|
|
||||||
<input type="checkbox" id="customJavaCheck" />
|
|
||||||
<span class="checkmark"></span>
|
|
||||||
<div class="checkbox-content">
|
|
||||||
<div class="checkbox-title" data-i18n="settings.useCustomJava">Use
|
|
||||||
Custom Java Path</div>
|
|
||||||
<div class="checkbox-description" data-i18n="settings.javaDescription">
|
|
||||||
Override the bundled Java runtime with
|
|
||||||
your own installation</div>
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="customJavaOptions" class="custom-java-options" style="display: none;">
|
|
||||||
<div class="settings-input-group">
|
|
||||||
<label class="settings-input-label" data-i18n="settings.javaPath">Java
|
|
||||||
Executable Path</label>
|
|
||||||
<div class="settings-input-with-button">
|
|
||||||
<input type="text" id="customJavaPath" class="settings-input"
|
|
||||||
data-i18n-placeholder="settings.javaPathPlaceholder" readonly />
|
|
||||||
<button id="browseJavaBtn" class="settings-browse-btn">
|
|
||||||
<i class="fas fa-folder-open"></i>
|
|
||||||
<span data-i18n="settings.javaBrowse">Browse</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<p class="settings-hint">
|
|
||||||
<i class="fas fa-info-circle"></i>
|
|
||||||
<span data-i18n="settings.javaHint">Select the Java installation folder
|
|
||||||
(supports Windows, Mac, Linux)</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-section">
|
<div class="settings-column">
|
||||||
<h3 class="settings-section-title">
|
<div class="settings-section">
|
||||||
<i class="fas fa-language"></i>
|
<h3 class="settings-section-title">
|
||||||
<span data-i18n="settings.language">Language</span>
|
<i class="fas fa-fingerprint"></i>
|
||||||
</h3>
|
<span data-i18n="settings.account">Player UUID Management</span>
|
||||||
|
</h3>
|
||||||
|
|
||||||
<div class="settings-option">
|
<div class="settings-option">
|
||||||
<div class="settings-input-group">
|
<div class="settings-input-group">
|
||||||
<label class="settings-input-label" data-i18n="settings.selectLanguage">Select
|
<label class="settings-input-label" data-i18n="settings.currentUUID">Current
|
||||||
Language</label>
|
UUID</label>
|
||||||
<select id="languageSelect" class="settings-input">
|
<div class="uuid-display-container">
|
||||||
<!-- Options populated by i18n.js -->
|
<input type="text" id="currentUuid" class="settings-input uuid-input"
|
||||||
</select>
|
readonly data-i18n-placeholder="settings.uuidPlaceholder" />
|
||||||
|
<button id="copyUuidBtn" class="uuid-btn copy-btn" title="Copy UUID">
|
||||||
|
<i class="fas fa-copy"></i>
|
||||||
|
</button>
|
||||||
|
<button id="regenerateUuidBtn" class="uuid-btn regenerate-btn"
|
||||||
|
title="Generate New UUID">
|
||||||
|
<i class="fas fa-sync-alt"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p class="settings-hint">
|
||||||
|
<i class="fas fa-info-circle"></i>
|
||||||
|
<span data-i18n="settings.uuidHint">Your unique player identifier for
|
||||||
|
this username</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="settings-option">
|
||||||
|
<div class="settings-button-group">
|
||||||
|
<button id="manageUuidsBtn" class="settings-action-btn">
|
||||||
|
<i class="fas fa-list"></i>
|
||||||
|
<div class="btn-content">
|
||||||
|
<div class="btn-title" data-i18n="settings.manageUUIDs">Manage All
|
||||||
|
UUIDs</div>
|
||||||
|
<div class="btn-description" data-i18n="settings.manageUUIDsDesc">
|
||||||
|
View and manage all player UUIDs</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="settings-section">
|
||||||
|
<h3 class="settings-section-title">
|
||||||
|
<i class="fas fa-window-close"></i>
|
||||||
|
<span data-i18n="settings.closeLauncher">Launcher Behavior</span>
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div class="settings-option">
|
||||||
|
<label class="settings-checkbox">
|
||||||
|
<input type="checkbox" id="closeLauncherCheck" />
|
||||||
|
<span class="checkmark"></span>
|
||||||
|
<div class="checkbox-content">
|
||||||
|
<div class="checkbox-title" data-i18n="settings.closeOnStart">Close Launcher
|
||||||
|
on game start</div>
|
||||||
|
<div class="checkbox-description"
|
||||||
|
data-i18n="settings.closeOnStartDescription">
|
||||||
|
Automatically close the launcher after Hytale has launched
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="settings-option">
|
||||||
|
<label class="settings-checkbox">
|
||||||
|
<input type="checkbox" id="launcherHwAccelCheck" />
|
||||||
|
<span class="checkmark"></span>
|
||||||
|
<div class="checkbox-content">
|
||||||
|
<div class="checkbox-title" data-i18n="settings.hwAccel">Launcher Hardware
|
||||||
|
Acceleration</div>
|
||||||
|
<div class="checkbox-description" data-i18n="settings.hwAccelDescription">
|
||||||
|
Enable hardware acceleration for the launcher UI (Requires restart)
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="settings-section">
|
||||||
|
<h3 class="settings-section-title">
|
||||||
|
<i class="fas fa-language"></i>
|
||||||
|
<span data-i18n="settings.language">Language</span>
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div class="settings-option">
|
||||||
|
<div class="settings-input-group">
|
||||||
|
<label class="settings-input-label" data-i18n="settings.selectLanguage">Select
|
||||||
|
Language</label>
|
||||||
|
<select id="languageSelect" class="settings-input">
|
||||||
|
<!-- Options populated by i18n.js -->
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="settings-section">
|
||||||
|
<h3 class="settings-section-title">
|
||||||
|
<i class="fab fa-discord"></i>
|
||||||
|
<span data-i18n="settings.discord">Discord Integration</span>
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div class="settings-option">
|
||||||
|
<label class="settings-checkbox">
|
||||||
|
<input type="checkbox" id="discordRPCCheck" checked />
|
||||||
|
<span class="checkmark"></span>
|
||||||
|
<div class="checkbox-content">
|
||||||
|
<div class="checkbox-title" data-i18n="settings.enableRPC">Enable
|
||||||
|
Discord Rich Presence</div>
|
||||||
|
<div class="checkbox-description" data-i18n="settings.discordDescription">
|
||||||
|
Show your launcher activity
|
||||||
|
on Discord
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="logs-page" class="page">
|
<div id="logs-page" class="page">
|
||||||
<div class="logs-container">
|
<div class="logs-container">
|
||||||
|
|||||||
@@ -1398,6 +1398,26 @@ body {
|
|||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
|
padding-bottom: 4rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
.settings-content {
|
||||||
|
max-width: 1000px;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.settings-column {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1.5rem;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setting-group {
|
.setting-group {
|
||||||
@@ -4466,6 +4486,12 @@ body {
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
.settings-container {
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.settings-header {
|
.settings-header {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -4495,6 +4521,11 @@ body {
|
|||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.settings-content .settings-section,
|
||||||
|
.settings-column .settings-section {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.settings-section:hover {
|
.settings-section:hover {
|
||||||
border-color: rgba(147, 51, 234, 0.3);
|
border-color: rgba(147, 51, 234, 0.3);
|
||||||
box-shadow: 0 8px 32px rgba(147, 51, 234, 0.1);
|
box-shadow: 0 8px 32px rgba(147, 51, 234, 0.1);
|
||||||
|
|||||||
Reference in New Issue
Block a user