Remove icons and shadow for service-card

rivet-gg · Oct 18, 2023 · e2e1fae · e2e1fae
1 parent 743f963
commit e2e1fae
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 15 deletions.
diff --git a/src/elements/dev/service-card.scss b/src/elements/dev/service-card.scss
@@ -11,7 +11,6 @@
 	box-sizing: border-box;
 
 	background-color: #242424;
-	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
 	border-radius: 26px;
 	overflow: hidden;
 

diff --git a/src/elements/pages/dev/game/game-banner.ts b/src/elements/pages/dev/game/game-banner.ts
@@ -32,7 +32,6 @@ export default class DevGameBanner extends LitElement {
 								<stylized-button
 									class="absolute top-6 right-10"
 									color="gray"
-									.icon=${'solid/gear'}
 									.href=${routes.devGameSettings.build({ gameId: this.game.gameId })}
 								>
 									Settings

diff --git a/src/elements/pages/dev/game/games.ts b/src/elements/pages/dev/game/games.ts
@@ -277,9 +277,11 @@ export default class DevGames extends LitElement {
 						@click=${this.openGroupModal.bind(this)}
 						@mouseenter=${() => (this.createGroupHovered = true)}
 						@mouseleave=${() => (this.createGroupHovered = false)}
-					>
-						<div class="font-bold text-lg text-center">
+					>	
+						<div class="font-bold text-lg pb-0.5 pr-2">
 							<e-svg src="solid/plus"></e-svg>
+						</div>
+						<div class="font-bold text-lg text-center">
 							New Developer Group
 						</div>
 					</div>`
@@ -350,8 +352,7 @@ export default class DevGames extends LitElement {
 									> -->
 									<stylized-button
 										class="billing-button"
-										icon="solid/dollar-sign"
-										border-color=${tailwind_palette['muted-text']}
+										border-color=${tailwind_palette['raised-bg-border-color']}
 										border-width=".75px"
 										href=${routes.groupSettings.build({
 											groupId: group.groupId,
@@ -362,8 +363,7 @@ export default class DevGames extends LitElement {
 									>
 									<stylized-button
 										class="settings-button"
-										icon="regular/gear"
-										border-color=${tailwind_palette['muted-text']}
+										border-color=${tailwind_palette['raised-bg-border-color']}
 										border-width=".75px"
 										href=${routes.groupSettings.build({ groupId: group.groupId })}
 										color=${tailwind_palette['raised-bg']}

diff --git a/src/elements/pages/dev/game/pages/game-tokens.ts b/src/elements/pages/dev/game/pages/game-tokens.ts
@@ -261,14 +261,14 @@ export default class DevGameTokens extends LitElement {
 			<div class="w-4/5 mx-auto border-2 border-zinc-900 bg-raised-bg rounded-lg p-5">
 				<div class="flex flex-row w-full place-content-between align-middle mx-auto">
 					<h2 class="text-xl my-auto">${token.name}</h2>
-					<stylized-button class="my-auto" .href=${token.url} right-icon="solid/arrow-right">
+					<stylized-button class="my-auto" .href=${token.url}>
 						Docs
 					</stylized-button>
 				</div>
 				<p class="pt-3 pr-24">${token.description}</p>
 				<!-- <h3 class="text-lg py-1.5 underline "><a .href=${token.url} class="hover:text-main-accent">Docs</a></h3> -->
 				<!-- <button @click=${token.renderFunction}>Generate</button> -->
-				<stylized-button class="my-auto pt-4" @click=${token.renderFunction} right-icon="solid/plus">
+				<stylized-button class="my-auto pt-4" @click=${token.renderFunction}>
 					Generate
 				</stylized-button>
 			</div>

diff --git a/src/elements/pages/dev/game/settings/game-settings-tokens.ts b/src/elements/pages/dev/game/settings/game-settings-tokens.ts
@@ -73,12 +73,12 @@ export default class DevGameSettingsTokens extends LitElement {
 			<div class="w-4/5 mx-auto border-2 border-zinc-900 bg-raised-bg rounded-lg p-5">
 				<div class="flex flex-row w-full place-content-between align-middle mx-auto">
 					<h2 class="text-xl my-auto">${token.name}</h2>
-					<stylized-button class="my-auto" .href=${token.url} right-icon="solid/arrow-right">
+					<stylized-button class="my-auto" .href=${token.url}>
 						Docs
 					</stylized-button>
 				</div>
 				<p class="pt-3 pr-24">${token.description}</p>
-				<stylized-button class="my-auto pt-4" @click=${token.renderFunction} right-icon="solid/plus">
+				<stylized-button class="my-auto pt-4" @click=${token.renderFunction}>
 					Generate
 				</stylized-button>
 			</div>

diff --git a/src/elements/pages/dev/group/group-banner.ts b/src/elements/pages/dev/group/group-banner.ts
@@ -30,12 +30,11 @@ export default class DevGroupBanner extends LitElement {
 					${this.group
 						? html`
 								${
-									when(this.group.isCurrentIdentityMember, () => {
-										html`
+									when(this.group.isCurrentIdentityMember, () => { 
+										return html`
 											<stylized-button
 												class="absolute top-6 right-10"
 												color="gray"
-												.icon=${'solid/gear'}
 												.href=${routes.groupSettings.build({ groupId: this.group.groupId })}
 											>
 												Settings