Correct servers page for darkmode & improve some wording.

This commit is contained in:
Starystars67
2025-12-29 22:37:55 +00:00
parent f2aec71b6e
commit 7e53a63455
3 changed files with 10 additions and 26 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"name": "beammp-website", "name": "beammp-website",
"private": true, "private": true,
"version": "2.4.11", "version": "2.4.12",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
+2 -2
View File
@@ -51,7 +51,7 @@
"features": { "features": {
"stable_servers": { "stable_servers": {
"title": "Stable Servers", "title": "Stable Servers",
"description": "BeamMP allows for stable servers, with a variety of servers located across the globe." "description": "BeamMP allows for a stable environment, with a variety of servers located across the globe."
}, },
"beamng": { "beamng": {
"title": "BeamNG.drive", "title": "BeamNG.drive",
@@ -68,7 +68,7 @@
}, },
"communities": { "communities": {
"join": "Join a Thriving Community", "join": "Join a Thriving Community",
"description": "Discover diverse gameplay experiences across hundreds of unique servers", "description": "Discover diverse gameplay experiences across thousands of unique servers",
"racing": { "racing": {
"name": "Racing Communities", "name": "Racing Communities",
"description": "Competitive racing leagues and time trials with players worldwide" "description": "Competitive racing leagues and time trials with players worldwide"
+7 -23
View File
@@ -1,8 +1,8 @@
<template> <template>
<div class="servers-container"> <div class="servers-container">
<div class="servers-header"> <div class="servers-header">
<h1 class="servers-title">{{ $t('message.servers.title') }}</h1> <h1 class="text-4xl font-bold">{{ $t('message.servers.title') }}</h1>
<p class="servers-subtitle">{{ $t('message.servers.description') }}</p> <p class="text-base servers-subtitle text-neutral-600 dark:text-neutral-400">{{ $t('message.servers.description') }}</p>
</div> </div>
<div class="servers-filters"> <div class="servers-filters">
@@ -16,11 +16,11 @@
</div> </div>
<div class="filter-group"> <div class="filter-group">
<label class="filter-label"> <label class="filter-label text-neutral-600 dark:text-neutral-400">
<input v-model="filters.hideEmpty" type="checkbox" /> <input v-model="filters.hideEmpty" type="checkbox" />
{{ $t('message.servers.filters.hide_empty') }} {{ $t('message.servers.filters.hide_empty') }}
</label> </label>
<label class="filter-label"> <label class="filter-label text-neutral-600 dark:text-neutral-400">
<input v-model="filters.hideFull" type="checkbox" /> <input v-model="filters.hideFull" type="checkbox" />
{{ $t('message.servers.filters.hide_full') }} {{ $t('message.servers.filters.hide_full') }}
</label> </label>
@@ -32,15 +32,15 @@
<div class="filter-group"> <div class="filter-group">
<span class="filter-heading">{{ $t('message.servers.show_only') }}</span> <span class="filter-heading">{{ $t('message.servers.show_only') }}</span>
<label class="filter-label"> <label class="filter-label text-neutral-600 dark:text-neutral-400">
<input v-model="filters.official" type="checkbox" /> <input v-model="filters.official" type="checkbox" />
{{ $t('message.servers.filters.show_official') }} {{ $t('message.servers.filters.show_official') }}
</label> </label>
<label class="filter-label"> <label class="filter-label text-neutral-600 dark:text-neutral-400">
<input v-model="filters.partner" type="checkbox" /> <input v-model="filters.partner" type="checkbox" />
{{ $t('message.servers.filters.show_partner') }} {{ $t('message.servers.filters.show_partner') }}
</label> </label>
<label class="filter-label"> <label class="filter-label text-neutral-600 dark:text-neutral-400">
<input v-model="filters.featured" type="checkbox" /> <input v-model="filters.featured" type="checkbox" />
{{ $t('message.servers.filters.show_featured') }} {{ $t('message.servers.filters.show_featured') }}
</label> </label>
@@ -449,13 +449,6 @@ function joinServer(server) {
margin-bottom: 40px; margin-bottom: 40px;
} }
.servers-title {
font-size: 2.5rem;
font-weight: 700;
margin: 0 0 10px 0;
color: var(--text-color, #1a1a1a);
}
.servers-subtitle { .servers-subtitle {
font-size: 1.1rem; font-size: 1.1rem;
color: var(--text-muted, #666); color: var(--text-muted, #666);
@@ -520,7 +513,6 @@ function joinServer(server) {
margin-bottom: 12px; margin-bottom: 12px;
font-size: 0.95rem; font-size: 0.95rem;
cursor: pointer; cursor: pointer;
color: var(--text-color, #1a1a1a);
font-weight: 500; font-weight: 500;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
@@ -983,14 +975,6 @@ function joinServer(server) {
padding: 15px; padding: 15px;
} }
.servers-title {
font-size: 2rem;
}
.servers-subtitle {
font-size: 1rem;
}
.servers-filters { .servers-filters {
padding: 15px; padding: 15px;
} }