Skip to content

Commit

Permalink
update azure icons on card panel (#229)
Browse files Browse the repository at this point in the history
* rename svg to fix icon not showing issue

* fix search icon (#202)

* remove cosmos tag on azure-search-openai-demo-csharp(#204)

* Move Django to frameworks (#203)

* add font fallback and move reactjs to tools (#205)

* Squashed commit of the following:

* add azure service icon, minor tweaks

* fix warning error message

* fix error

* update style

* fix error and update purple color

* update fontfamily
  • Loading branch information
hemarina authored Oct 27, 2023
1 parent 8d48d26 commit 3ef9234
Show file tree
Hide file tree
Showing 44 changed files with 585 additions and 288 deletions.
23 changes: 23 additions & 0 deletions .devcontainer/.devcontainer.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
{
"name": "Awesome AZD",
"image": "mcr.microsoft.com/devcontainers/base:ubuntu",
"features": {
"ghcr.io/devcontainers/features/docker-in-docker:1": {
"version": "latest",
"moby": true
},
"ghcr.io/devcontainers/features/azure-cli:1": {},
"ghcr.io/devcontainers/features/node:1": {},
"ghcr.io/devcontainers/features/git:1": {},
"ghcr.io/devcontainers/features/github-cli:1": {}
},
"customizations": {
"vscode": {
"extensions": [
"redhat.vscode-yaml",
"streetsidesoftware.code-spell-checker",
"eamodio.gitlens"
]
}
}
}
34 changes: 15 additions & 19 deletions website/src/components/gallery/ShowcaseCard/index.tsx
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
/**
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License.
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License.
*/

import React from "react";
import styles from "./styles.module.css";
import { type User} from "../../../data/tags";
import { type User } from "../../../data/tags";
import useBaseUrl from "@docusaurus/useBaseUrl";
import {
Card,
Expand Down Expand Up @@ -48,15 +48,15 @@ const useStyles = makeStyles({
cardTitle: {
verticalAlign: "middle",
fontSize: "16px",
color: "#6656d1",
color: "#7160E8",
fontWeight: "600",
},
cardTextBy: {
fontSize: "12px",
color: "#707070",
},
cardAuthor: {
color: "#6656d1",
color: "#7160E8",
},
cardDescription: {
fontSize: "14px",
Expand Down Expand Up @@ -231,11 +231,7 @@ function ShowcaseCard({ user }: { user: User }) {
maxHeight: "inherit",
}}
>
<FluentUILink
href={source}
className={styles.cardTitle}
target="_blank"
>
<FluentUILink className={styles.cardTitle} onClick={openPanel}>
{user.title}
</FluentUILink>
<div
Expand All @@ -249,7 +245,11 @@ function ShowcaseCard({ user }: { user: User }) {
>
<div className={styles.cardTextBy}>by</div>
<div style={{ fontSize: "12px" }}>
<ShowcaseMultipleAuthors key={user.title} user={user} />
<ShowcaseMultipleAuthors
key={"author_" + user.title}
user={user}
cardPanel={false}
/>
</div>
</div>
<div
Expand All @@ -261,12 +261,9 @@ function ShowcaseCard({ user }: { user: User }) {
WebkitLineClamp: "3",
WebkitBoxOrient: "vertical",
}}
// Disable panel until redesign of card panel completed
// onClick={openPanel}
>
{user.description}
</div>
{/* // Disable panel until redesign of card panel completed
<Panel
headerText={user.title}
isLightDismiss
Expand All @@ -277,7 +274,7 @@ function ShowcaseCard({ user }: { user: User }) {
onRenderNavigationContent={onRenderNavigationContent}
>
<ShowcaseCardPanel user={user} />
</Panel> */}
</Panel>
<div
style={{ paddingTop: "10px", position: "absolute", bottom: "0px" }}
>
Expand All @@ -289,21 +286,20 @@ function ShowcaseCard({ user }: { user: User }) {
gap: "4px",
flexFlow: "wrap",
}}
// Disable panel until Card Panel redesign completed
// onClick={openPanel}
>
<ShowcaseCardTag key={user.title} tags={user.tags} moreTag={true} />
</div>
</div>
</div>
<CardPreview style={{ borderTop: "1px solid #F0F0F0", backgroundColor: "#FAFAFA" }} />
<CardPreview
style={{ borderTop: "1px solid #F0F0F0", backgroundColor: "#FAFAFA" }}
/>
<CardFooter>
<Input
id={"input_" + user.title}
size="small"
spellCheck={false}
defaultValue={azdInitCommand}

style={{
flex: "1",
border: "1px solid #d1d1d1",
Expand Down
Loading

0 comments on commit 3ef9234

Please sign in to comment.