lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

🎨 general page styles

Browse Source
This commit is contained in:
Philipp Dormann 2021-01-03 18:54:54 +01:00
parent 56556bad6e
commit 02d8888d97
9 changed files with 10 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/About.svelte
View File

@ -2,17 +2,6 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
</script> </script>
<style>
* {
font-family: "Agave", sans-serif;
}
</style>
<svelte:head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/agave.min.css" />
</svelte:head>
<div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12"> <div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
<div class="text-center mb-8"> <div class="text-center mb-8">
<h1 <h1

2
src/components/MainDashContent.svelte
View File

@ -13,7 +13,7 @@
}}> }}>
<!-- <div class="border-4 border-dashed rounded h-96" /> --> <!-- <div class="border-4 border-dashed rounded h-96" /> -->
<h1 class="text-3xl leading-tight"> <h1 class="text-3xl leading-tight">
<span class="font-bold">{$_('dashboard-title')}</span><span> <span class="font-extrabold">{$_('dashboard-title')}</span><span>
- -
{$_('dashboard-greeting')}, {$_('dashboard-greeting')},
<span <span

4
src/components/Orgs.svelte
View File

@ -2,12 +2,12 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
</script> </script>
<section class="container py-10 mx-auto sm:px-2"> <section class="container p-5">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900"> <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
Orgs Orgs
</span> </span>
<p class="mb-8 text-lg text-gray-500"> <p class="mb-8 text-lg text-gray-500">
configure the tracks/ min-max lap times add, delete, edit organizations
</p> </p>
<nav><a class="underline" href="./1">Org 1</a></nav> <nav><a class="underline" href="./1">Org 1</a></nav>
</section> </section>

2
src/components/Runners.svelte
View File

@ -2,7 +2,7 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
</script> </script>
<section class="container py-10 mx-auto sm:px-2"> <section class="container p-5">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900"> <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
{$_('runners')} {$_('runners')}
</span> </span>

13
src/components/Settings.svelte
View File

@ -2,22 +2,11 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
</script> </script>
<style>
* {
font-family: "Agave", sans-serif;
}
</style>
<svelte:head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/agave.min.css" />
</svelte:head>
<div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12"> <div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
<div class="text-center mb-8"> <div class="text-center mb-8">
<h1 <h1
class="mt-9 font-display text-4xl leading-none font-semibold text-white sm:text-5xl lg:text-6xl"> class="mt-9 font-display text-4xl leading-none font-semibold text-white sm:text-5xl lg:text-6xl">
🔨<br />Settings 🔨<br />{$_('settings')}
</h1> </h1>
<p <p
class="mt-2 max-w-xl mx-auto text-xl lg:max-w-3xl lg:text-2xl text-gray-300"> class="mt-2 max-w-xl mx-auto text-xl lg:max-w-3xl lg:text-2xl text-gray-300">

2
src/components/Teams.svelte
View File

@ -2,7 +2,7 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
</script> </script>
<section class="container py-10 mx-auto sm:px-2"> <section class="container p-5">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900"> <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
{$_('teams')} {$_('teams')}
</span> </span>

2
src/components/TracksOverview.svelte
View File

@ -5,7 +5,7 @@
import Tracks from "./Tracks.svelte"; import Tracks from "./Tracks.svelte";
</script> </script>
<section class="container py-10 mx-auto sm:px-2"> <section class="container p-5">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900"> <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
Tracks Tracks
<button <button

2
src/components/Users.svelte
View File

@ -2,7 +2,7 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
</script> </script>
<section class="container py-10 mx-auto sm:px-2"> <section class="container p-5">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900"> <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
{$_('users')} {$_('users')}
</span> </span>

3
src/locales/en.json
View File

@ -66,5 +66,6 @@
"changelog": "Changelog", "changelog": "Changelog",
"orgs": "Orgs", "orgs": "Orgs",
"users": "Users", "users": "Users",
"teams": "Teams" "teams": "Teams",
"faq": "FAQ"
} }