|
|
--- |
|
|
export interface Props { |
|
|
title: string; |
|
|
} |
|
|
|
|
|
export interface BaseLayoutProps extends Props {} |
|
|
|
|
|
const { title } = Astro.props; |
|
|
--- |
|
|
|
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="description" content="Astro description"> |
|
|
<meta name="viewport" content="width=device-width" /> |
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> |
|
|
<meta name="generator" content={Astro.generator} /> |
|
|
<title>{title}</title> |
|
|
|
|
|
<style is:global> |
|
|
.driver-popover.driverjs-theme { |
|
|
background-color: #fde047; |
|
|
color: #000; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-title { |
|
|
font-size: 20px; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-title, |
|
|
.driver-popover.driverjs-theme .driver-popover-description, |
|
|
.driver-popover.driverjs-theme .driver-popover-progress-text { |
|
|
color: #000; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme button { |
|
|
flex: 1; |
|
|
text-align: center; |
|
|
background-color: #000; |
|
|
color: #ffffff; |
|
|
border: 2px solid #000; |
|
|
text-shadow: none; |
|
|
font-size: 14px; |
|
|
padding: 5px 8px; |
|
|
border-radius: 6px; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme button:hover { |
|
|
background-color: #000; |
|
|
color: #ffffff; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-navigation-btns { |
|
|
justify-content: space-between; |
|
|
gap: 3px; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-close-btn { |
|
|
color: #9b9b9b; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-close-btn:hover { |
|
|
color: #000; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow { |
|
|
border-left-color: #fde047; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow { |
|
|
border-right-color: #fde047; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow { |
|
|
border-top-color: #fde047; |
|
|
} |
|
|
|
|
|
.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow { |
|
|
border-bottom-color: #fde047; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<slot /> |
|
|
</body> |
|
|
</html> |
