add icon buttons, misc styling on venue pages

This commit is contained in:
2024-06-20 20:35:52 +02:00
parent 7e5f82ce76
commit 9b3eb3c4a6
12 changed files with 110 additions and 41 deletions

View File

@@ -2,6 +2,7 @@ import { VenueFragment } from "@/gql/graphql";
import styles from "./venueInfo.module.scss";
import Link from "next/link";
import Image from "../general/Image";
import Icon from "../general/Icon";
export const VenueInfo = ({ venue }: { venue: VenueFragment }) => {
return (
@@ -46,6 +47,10 @@ export const VenueInfo = ({ venue }: { venue: VenueFragment }) => {
</tr>
</tbody>
</table>
<a href="#" target="_blank" className="button secondary">
<span>Tekniske spesifikasjoner</span>
<Icon type="doc" />
</a>
</div>
);
};

View File

@@ -3,7 +3,7 @@
grid-template-columns: 1fr 1fr;
gap: var(--spacing-sitepadding);
width: 100%;
max-width: 1000px;
max-width: 1200px;
margin: var(--spacing-xl) auto;
}

View File

@@ -5,6 +5,7 @@
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1rem;
}
tr {
@@ -14,6 +15,7 @@
th {
text-align: left;
width: 11rem;
font-weight: 600;
}
th,