fix icon sizes

This commit is contained in:
emilis 2026-02-03 21:43:07 +00:00
parent 76ac113a8e
commit 27752727a3
No known key found for this signature in database
14 changed files with 30 additions and 30 deletions

View File

@ -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}
/> />
}, },
}; };

View File

@ -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! {

View File

@ -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">

View File

@ -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}
/> />
}, },
}; };

View File

@ -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>

View File

@ -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>

View File

@ -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"}

View File

@ -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>

View File

@ -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"}

View File

@ -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>

View File

@ -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}
/> />
}, },
}; };

View File

@ -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>

View File

@ -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>

View File

@ -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>