adam/cards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

some style stuff

Browse source
This commit is contained in:
Adam 2024-08-07 22:48:19 -04:00
parent ff3a51809c
commit 7a278cda42
6 changed files with 36 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
client/public/styles.css
View file

@ -2,20 +2,33 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
/* html, body { */ @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/* @apply bg-slate-900; */
/* } */ .inter-med {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
html,
body {
@apply text-neutral-200;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-stretch: condensed;
}
button { button {
@apply @apply bg-neutral-600
bg-slate-600
border-b-4 border-b-4
border-slate-800 border-neutral-800
font-bold font-bold
hover:bg-slate-700 hover:bg-neutral-700
hover:border-slate-500 hover:border-neutral-500
px-4 px-4
py-2 py-2
rounded rounded
text-white text-white;
;
} }

4
client/src/components/auth.rs
View file

@ -50,14 +50,14 @@ pub fn Auth() -> impl IntoView {
<p>Username:</p> <p>Username:</p>
<form onsubmit="return false" on:submit=send_login> <form onsubmit="return false" on:submit=send_login>
<input <input
class="w-96 font-mono rounded-sm bg-slate-900 text-slate-200" class="w-96 font-mono rounded-sm bg-neutral-900 text-neutral-200"
placeholder=move || username.get() placeholder=move || username.get()
node_ref=username_input_ref node_ref=username_input_ref
disabled=move || !connected() disabled=move || !connected()
/> />
<br/> <br/>
<input <input
class="py-2 px-4 pl-4 font-bold text-white rounded border-b-4 bg-slate-600 border-slate-800 hover:bg-slate-700 hover:border-slate-500" class="py-2 px-4 pl-4 font-bold text-white rounded border-b-4 bg-neutral-600 border-neutral-800 hover:bg-neutral-700 hover:border-neutral-500"
type="submit" type="submit"
value="Send" value="Send"
disabled=move || !connected() disabled=move || !connected()

10
client/src/components/browser.rs
View file

@ -71,22 +71,22 @@ pub fn Browser() -> impl IntoView {
<form onsubmit="return false" on:submit=new_game> <form onsubmit="return false" on:submit=new_game>
<h2 class="text-2xl">Create Game</h2> <h2 class="text-2xl">Create Game</h2>
<input <input
class="w-80 h-11 font-mono rounded-sm bg-slate-900 text-slate-200" class="w-80 h-11 font-mono rounded-sm bg-neutral-900 text-neutral-200"
placeholder="Name" placeholder="Name"
disabled=move || !connected() disabled=move || !connected()
node_ref=new_game_name_ref node_ref=new_game_name_ref
/> />
<h2 class="text-2xl">Packs</h2> <h2 class="text-2xl">Packs</h2>
<div class="p-2"> <div class="p-2">
<button type="button" class="bg-slate-600"> <button type="button" class="bg-neutral-600">
<input type="checkbox" id="all"/> <input type="checkbox" id="all"/>
<label for="all">All</label> <label for="all">All</label>
</button> </button>
<button type="button" class="bg-slate-600"> <button type="button" class="bg-neutral-600">
<input type="checkbox" id="official" checked/> <input type="checkbox" id="official" checked/>
<label for="official">Official</label> <label for="official">Official</label>
</button> </button>
<button type="button" class="bg-slate-600" on:click=show_packs_button> <button type="button" class="bg-neutral-600" on:click=show_packs_button>
<label>Custom</label> <label>Custom</label>
</button> </button>
finish this finish this
@ -176,7 +176,7 @@ pub fn Browser() -> impl IntoView {
</Show> </Show>
<input <input
class="py-2 px-4 pl-4 font-bold text-white rounded border-b-4 bg-slate-600 border-slate-800 hover:bg-slate-700 hover:border-slate-500" class="py-2 px-4 pl-4 font-bold text-white rounded border-b-4 bg-neutral-600 border-neutral-800 hover:bg-neutral-700 hover:border-neutral-500"
type="submit" type="submit"
disabled=move || !connected() disabled=move || !connected()
value="New Game" value="New Game"

6
client/src/components/chat.rs
View file

@ -103,7 +103,7 @@ pub fn Chat() -> impl IntoView {
<span class="flex"> <span class="flex">
<textarea <textarea
node_ref=chat_history_ref node_ref=chat_history_ref
class="w-96 h-60 font-mono rounded-sm resize-none bg-slate-900 text-slate-200" class="w-96 h-60 font-mono rounded-sm resize-none bg-neutral-900 text-neutral-200"
readonly=true readonly=true
wrap="soft" wrap="soft"
> >
@ -119,12 +119,12 @@ pub fn Chat() -> impl IntoView {
<span> <span>
<form onsubmit="return false" on:submit=send_message> <form onsubmit="return false" on:submit=send_message>
<input <input
class="w-80 h-11 font-mono rounded-sm bg-slate-900 text-slate-200" class="w-80 h-11 font-mono rounded-sm bg-neutral-900 text-neutral-200"
placeholder="talk shit..." placeholder="talk shit..."
node_ref=chat_input_ref node_ref=chat_input_ref
/> />
<input <input
class="py-2 px-4 pl-4 font-bold text-white rounded border-b-4 bg-slate-600 border-slate-800 hover:bg-slate-700 hover:border-slate-500" class="py-2 px-4 pl-4 font-bold text-white rounded border-b-4 bg-neutral-600 border-neutral-800 hover:bg-neutral-700 hover:border-neutral-500"
type="submit" type="submit"
value="Send" value="Send"
disabled=move || !connected() disabled=move || !connected()

2
client/src/lib.rs
View file

@ -17,7 +17,7 @@ pub fn App() -> impl IntoView {
provide_meta_context(); provide_meta_context();
view! { view! {
<Html class="bg-slate-900" lang="en" dir="ltr" attr:data-theme="dark"/> <Html class="bg-neutral-900" lang="en" dir="ltr" attr:data-theme="dark"/>
// sets the document title // sets the document title
<Title text="Cards for Humanity"/> <Title text="Cards for Humanity"/>

4
client/src/pages/home.rs
View file

@ -29,8 +29,8 @@ pub fn Home() -> impl IntoView {
}> }>
<div class="container m-auto"> <div class="container m-auto">
<h1 class="text-6xl text-slate-300">"Cards For Humanity"</h1> <h1 class="inter-med text-6xl text-neutral-200">"Cards For Humanity"</h1>
<div class="bg-slate-500"> <div class="bg-neutral-950">
<Websocket/> <Websocket/>
<hr/> <hr/>
<Auth/> <Auth/>