fix icon sizes
This commit is contained in:
parent
76ac113a8e
commit
27752727a3
|
|
@ -15,7 +15,7 @@
|
||||||
use werewolves_proto::{message::PublicIdentity, role::Killer};
|
use werewolves_proto::{message::PublicIdentity, role::Killer};
|
||||||
use yew::prelude::*;
|
use yew::prelude::*;
|
||||||
|
|
||||||
use crate::components::{Icon, IconSource, IdentitySpan};
|
use crate::components::{Icon, IconSource, IconType, IdentitySpan};
|
||||||
|
|
||||||
#[function_component]
|
#[function_component]
|
||||||
pub fn AdjudicatorPage1() -> Html {
|
pub fn AdjudicatorPage1() -> Html {
|
||||||
|
|
@ -24,7 +24,7 @@ pub fn AdjudicatorPage1() -> Html {
|
||||||
<h1 class="defensive">{"ADJUDICATOR"}</h1>
|
<h1 class="defensive">{"ADJUDICATOR"}</h1>
|
||||||
<div class="information defensive faint">
|
<div class="information defensive faint">
|
||||||
<h4>{"PICK A PLAYER"}</h4>
|
<h4>{"PICK A PLAYER"}</h4>
|
||||||
<Icon source={IconSource::Killer}/>
|
<Icon source={IconSource::Killer} icon_type={IconType::Fit}/>
|
||||||
<h4 class="yellow">{"YOU WILL CHECK IF THEY APPEAR AS A KILLER"}</h4>
|
<h4 class="yellow">{"YOU WILL CHECK IF THEY APPEAR AS A KILLER"}</h4>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -48,12 +48,12 @@ pub fn AdjudicatorResult(
|
||||||
let icon = match killer {
|
let icon = match killer {
|
||||||
Killer::Killer => html! {
|
Killer::Killer => html! {
|
||||||
<Icon
|
<Icon
|
||||||
source={IconSource::Killer}
|
source={IconSource::Killer} icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
},
|
},
|
||||||
Killer::NotKiller => html! {
|
Killer::NotKiller => html! {
|
||||||
<Icon
|
<Icon
|
||||||
source={IconSource::RedX}
|
source={IconSource::RedX} icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -26,10 +26,10 @@ pub fn ArcanistPage1() -> Html {
|
||||||
{"PICK TWO PLAYERS"}
|
{"PICK TWO PLAYERS"}
|
||||||
<div class="icons">
|
<div class="icons">
|
||||||
<Icon source={IconSource::Village}
|
<Icon source={IconSource::Village}
|
||||||
icon_type={IconType::Informational}
|
icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
<Icon source={IconSource::Wolves}
|
<Icon source={IconSource::Wolves}
|
||||||
icon_type={IconType::Informational}
|
icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<span class="yellow">{"YOU WILL COMPARE THEIR ALIGNMENTS"}</span>
|
<span class="yellow">{"YOU WILL COMPARE THEIR ALIGNMENTS"}</span>
|
||||||
|
|
@ -57,10 +57,10 @@ pub fn ArcanistResult(
|
||||||
};
|
};
|
||||||
let icons = match alignment_eq {
|
let icons = match alignment_eq {
|
||||||
AlignmentEq::Same => html! {
|
AlignmentEq::Same => html! {
|
||||||
<Icon source={IconSource::Equal} icon_type={IconType::Informational} />
|
<Icon source={IconSource::Equal} icon_type={IconType::Fit} />
|
||||||
},
|
},
|
||||||
AlignmentEq::Different => html! {
|
AlignmentEq::Different => html! {
|
||||||
<Icon source={IconSource::NotEqual} icon_type={IconType::Informational} />
|
<Icon source={IconSource::NotEqual} icon_type={IconType::Fit} />
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
html! {
|
html! {
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@ pub fn BeholderPage1() -> Html {
|
||||||
<h1 class="intel">{"BEHOLDER"}</h1>
|
<h1 class="intel">{"BEHOLDER"}</h1>
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
{"PICK A PLAYER"}
|
{"PICK A PLAYER"}
|
||||||
<Icon source={IconSource::Beholder} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Beholder} icon_type={IconType::Fit}/>
|
||||||
{"YOU WILL SEE WHAT INFORMATION THEY MAY HAVE GATHERED"}
|
{"YOU WILL SEE WHAT INFORMATION THEY MAY HAVE GATHERED"}
|
||||||
<span class="yellow">{"SHOULD THEY DIE TONIGHT"}</span>
|
<span class="yellow">{"SHOULD THEY DIE TONIGHT"}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -38,7 +38,7 @@ pub fn BeholderWakePage1() -> Html {
|
||||||
<h1 class="intel">{"BEHOLDER"}</h1>
|
<h1 class="intel">{"BEHOLDER"}</h1>
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
{"YOUR TARGET HAS DIED"}
|
{"YOUR TARGET HAS DIED"}
|
||||||
<Icon source={IconSource::Beholder} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Beholder} icon_type={IconType::Fit}/>
|
||||||
<span class="yellow">{"THIS IS THE LAST PIECE OF INFORMATION THEY SAW"}</span>
|
<span class="yellow">{"THIS IS THE LAST PIECE OF INFORMATION THEY SAW"}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -53,7 +53,7 @@ pub fn BeholderSawNothing() -> Html {
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
<h1>{"YOUR TARGET HAS DIED"}</h1>
|
<h1>{"YOUR TARGET HAS DIED"}</h1>
|
||||||
<div class="info-icon-grow">
|
<div class="info-icon-grow">
|
||||||
<Icon source={IconSource::RedX}/>
|
<Icon source={IconSource::RedX} icon_type={IconType::Fit}/>
|
||||||
</div>
|
</div>
|
||||||
<h1>{"BUT SAW NOTHING"}</h1>
|
<h1>{"BUT SAW NOTHING"}</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -68,7 +68,7 @@ pub fn BeholderSawEverything() -> Html {
|
||||||
<h1 class="intel">{"BEHOLDER"}</h1>
|
<h1 class="intel">{"BEHOLDER"}</h1>
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
{"YOUR TARGET HAS DIED"}
|
{"YOUR TARGET HAS DIED"}
|
||||||
<Icon source={IconSource::Beholder} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Beholder} icon_type={IconType::Fit}/>
|
||||||
<span>
|
<span>
|
||||||
{"BUT SAW "}
|
{"BUT SAW "}
|
||||||
<em class="red">
|
<em class="red">
|
||||||
|
|
|
||||||
|
|
@ -47,12 +47,12 @@ pub fn EmpathResult(EmpathResultProps { scapegoat, target }: &EmpathResultProps)
|
||||||
let icon = match scapegoat {
|
let icon = match scapegoat {
|
||||||
true => html! {
|
true => html! {
|
||||||
<Icon
|
<Icon
|
||||||
source={IconSource::Scapegoat} icon_type={IconType::Informational}
|
source={IconSource::Scapegoat} icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
},
|
},
|
||||||
false => html! {
|
false => html! {
|
||||||
<Icon
|
<Icon
|
||||||
source={IconSource::RedX} icon_type={IconType::Informational}
|
source={IconSource::RedX} icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@ pub fn GravediggerPage1() -> Html {
|
||||||
<span class="yellow">{"DEAD"}</span>
|
<span class="yellow">{"DEAD"}</span>
|
||||||
{" PLAYER"}
|
{" PLAYER"}
|
||||||
</span>
|
</span>
|
||||||
<Icon source={IconSource::Gravedigger} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Gravedigger} icon_type={IconType::Fit}/>
|
||||||
<span class="yellow">
|
<span class="yellow">
|
||||||
{"YOU WILL LEARN THEIR ROLE"}
|
{"YOU WILL LEARN THEIR ROLE"}
|
||||||
</span>
|
</span>
|
||||||
|
|
@ -74,7 +74,7 @@ pub fn GravediggerResultPage(
|
||||||
<h1 class="intel">{"GRAVEDIGGER"}</h1>
|
<h1 class="intel">{"GRAVEDIGGER"}</h1>
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
<IdentitySpan ident={target.clone()}/>
|
<IdentitySpan ident={target.clone()}/>
|
||||||
<Icon source={icon} icon_type={IconType::Informational}/>
|
<Icon source={icon} icon_type={IconType::Fit}/>
|
||||||
{text}
|
{text}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -90,7 +90,7 @@ pub fn GuardianPagePreviousGuard(GuardianPageProps { previous }: &GuardianPagePr
|
||||||
<h1 class="defensive">{"GUARDIAN"}</h1>
|
<h1 class="defensive">{"GUARDIAN"}</h1>
|
||||||
<div class="information defensive faint">
|
<div class="information defensive faint">
|
||||||
{"LAST TIME YOU GUARDED"}
|
{"LAST TIME YOU GUARDED"}
|
||||||
<Icon source={IconSource::ShieldAndSword} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::ShieldAndSword} icon_type={IconType::Fit}/>
|
||||||
<div class="info-player-list">
|
<div class="info-player-list">
|
||||||
<CharacterTargetCard ident={previous.clone()} />
|
<CharacterTargetCard ident={previous.clone()} />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@ pub fn HunterPage1() -> Html {
|
||||||
<h1 class="offensive">{"HUNTER"}</h1>
|
<h1 class="offensive">{"HUNTER"}</h1>
|
||||||
<div class="information offensive faint">
|
<div class="information offensive faint">
|
||||||
{"SET A HUNTER'S TRAP ON A PLAYER"}
|
{"SET A HUNTER'S TRAP ON A PLAYER"}
|
||||||
<Icon source={IconSource::Hunter} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Hunter} icon_type={IconType::Fit}/>
|
||||||
<span class="yellow">
|
<span class="yellow">
|
||||||
{"IF YOU DIE TONIGHT, OR ARE EXECUTED TOMORROW "}
|
{"IF YOU DIE TONIGHT, OR ARE EXECUTED TOMORROW "}
|
||||||
{"THIS PLAYER WILL DIE AT NIGHT"}
|
{"THIS PLAYER WILL DIE AT NIGHT"}
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ pub fn InsomniacPage1() -> Html {
|
||||||
<h1 class="intel">{"INSOMNIAC"}</h1>
|
<h1 class="intel">{"INSOMNIAC"}</h1>
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
{"YOUR SLEEP IS INTERRUPTED"}
|
{"YOUR SLEEP IS INTERRUPTED"}
|
||||||
<Icon source={IconSource::Insomniac} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Insomniac} icon_type={IconType::Fit}/>
|
||||||
{"YOU'VE NOTICED VISITORS IN THE NIGHT"}
|
{"YOU'VE NOTICED VISITORS IN THE NIGHT"}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@ pub fn MilitiaPage1() -> Html {
|
||||||
<span class="yellow">{"ONCE PER GAME"}</span>
|
<span class="yellow">{"ONCE PER GAME"}</span>
|
||||||
{" KILL ABILITY"}
|
{" KILL ABILITY"}
|
||||||
</span>
|
</span>
|
||||||
<Icon source={IconSource::Sword} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Sword} icon_type={IconType::Fit}/>
|
||||||
<span class="yellow">
|
<span class="yellow">
|
||||||
{"PICK A PLAYER "}
|
{"PICK A PLAYER "}
|
||||||
{"OR GO BACK TO SLEEP"}
|
{"OR GO BACK TO SLEEP"}
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ pub fn MorticianPage1() -> Html {
|
||||||
<h1 class="intel">{"MORTICIAN"}</h1>
|
<h1 class="intel">{"MORTICIAN"}</h1>
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
<span>{"PICK A "}<span class="yellow">{"DEAD"}</span>{" PLAYER"}</span>
|
<span>{"PICK A "}<span class="yellow">{"DEAD"}</span>{" PLAYER"}</span>
|
||||||
<Icon source={IconSource::Mortician} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Mortician} icon_type={IconType::Fit}/>
|
||||||
<span class="yellow">
|
<span class="yellow">
|
||||||
{"YOU WILL LEARN THE CAUSE "}
|
{"YOU WILL LEARN THE CAUSE "}
|
||||||
{"OF THEIR DEATH"}
|
{"OF THEIR DEATH"}
|
||||||
|
|
@ -66,7 +66,7 @@ pub fn MorticianResultPage(
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
<IdentitySpan ident={target.clone()}/>
|
<IdentitySpan ident={target.clone()}/>
|
||||||
{"DIED TO"}
|
{"DIED TO"}
|
||||||
<Icon source={icon} icon_type={IconType::Informational}/>
|
<Icon source={icon} icon_type={IconType::Fit}/>
|
||||||
<span class="yellow">{text}</span>
|
<span class="yellow">{text}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
use werewolves_proto::{message::PublicIdentity, role::Powerful};
|
use werewolves_proto::{message::PublicIdentity, role::Powerful};
|
||||||
use yew::prelude::*;
|
use yew::prelude::*;
|
||||||
|
|
||||||
use crate::components::{Icon, IconSource, IdentitySpan};
|
use crate::components::{Icon, IconSource, IconType, IdentitySpan};
|
||||||
|
|
||||||
#[function_component]
|
#[function_component]
|
||||||
pub fn PowerSeerPage1() -> Html {
|
pub fn PowerSeerPage1() -> Html {
|
||||||
|
|
@ -26,7 +26,7 @@ pub fn PowerSeerPage1() -> Html {
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
{"PICK A PLAYER"}
|
{"PICK A PLAYER"}
|
||||||
<div class="info-icon-grow">
|
<div class="info-icon-grow">
|
||||||
<Icon source={IconSource::Powerful} />
|
<Icon source={IconSource::Powerful} icon_type={IconType::Fit}/>
|
||||||
</div>
|
</div>
|
||||||
<span class="yellow">{"YOU WILL CHECK IF THEY ARE POWERFUL"}</span>
|
<span class="yellow">{"YOU WILL CHECK IF THEY ARE POWERFUL"}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -49,12 +49,12 @@ pub fn PowerSeerResult(PowerSeerResultProps { powerful, target }: &PowerSeerResu
|
||||||
let icon = match powerful {
|
let icon = match powerful {
|
||||||
Powerful::Powerful => html! {
|
Powerful::Powerful => html! {
|
||||||
<Icon
|
<Icon
|
||||||
source={IconSource::Powerful}
|
source={IconSource::Powerful} icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
},
|
},
|
||||||
Powerful::NotPowerful => html! {
|
Powerful::NotPowerful => html! {
|
||||||
<Icon
|
<Icon
|
||||||
source={IconSource::RedX}
|
source={IconSource::RedX} icon_type={IconType::Fit}
|
||||||
/>
|
/>
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@ pub fn ProtectorPage1() -> Html {
|
||||||
<h1 class="defensive">{"PROTECTOR"}</h1>
|
<h1 class="defensive">{"PROTECTOR"}</h1>
|
||||||
<div class="information defensive faint">
|
<div class="information defensive faint">
|
||||||
{"PICK A PLAYER"}
|
{"PICK A PLAYER"}
|
||||||
<Icon source={IconSource::Shield} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Shield} icon_type={IconType::Fit}/>
|
||||||
<span class="yellow">{"YOU WILL PROTECT THEM FROM A DEATH TONIGHT"}</span>
|
<span class="yellow">{"YOU WILL PROTECT THEM FROM A DEATH TONIGHT"}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@ pub fn PyremasterPage1() -> Html {
|
||||||
<h1 class="offensive">{"PYREMASTER"}</h1>
|
<h1 class="offensive">{"PYREMASTER"}</h1>
|
||||||
<div class="information offensive faint">
|
<div class="information offensive faint">
|
||||||
{"YOU CAN CHOOSE TO THROW A PLAYER ON THE PYRE"}
|
{"YOU CAN CHOOSE TO THROW A PLAYER ON THE PYRE"}
|
||||||
<Icon source={IconSource::Pyremaster} icon_type={IconType::Informational}/>
|
<Icon source={IconSource::Pyremaster} icon_type={IconType::Fit}/>
|
||||||
<span>
|
<span>
|
||||||
{"IF YOU KILL "}
|
{"IF YOU KILL "}
|
||||||
<span class="yellow">{"TWO"}</span>
|
<span class="yellow">{"TWO"}</span>
|
||||||
|
|
|
||||||
|
|
@ -30,8 +30,8 @@ pub fn SeerPage1() -> Html {
|
||||||
<div class="information intel faint">
|
<div class="information intel faint">
|
||||||
{"PICK A PLAYER"}
|
{"PICK A PLAYER"}
|
||||||
<div class="icons">
|
<div class="icons">
|
||||||
<Icon source={IconSource::Village} icon_type={IconType::Informational} />
|
<Icon source={IconSource::Village} icon_type={IconType::Fit} />
|
||||||
<Icon source={IconSource::Wolves} icon_type={IconType::Informational} />
|
<Icon source={IconSource::Wolves} icon_type={IconType::Fit} />
|
||||||
</div>
|
</div>
|
||||||
<span class="yellow">{"YOU WILL CHECK THEIR ALIGNMENT"}</span>
|
<span class="yellow">{"YOU WILL CHECK THEIR ALIGNMENT"}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue