@smbcloud / pepakbasajawa-web
Code Commits Issues Pulls Cloud Agent CI/CD
development
copilot/add-i18n-support-for-english dependabot/npm_and_yarn/astro-5.16.4 dependabot/npm_and_yarn/katex-0.16.27 dependabot/npm_and_yarn/prettier-3.7.4 dependabot/npm_and_yarn/tailwindcss-4.1.16 dependabot/npm_and_yarn/tailwindcss/vite-4.1.16 dependabot/npm_and_yarn/typescript-eslint-8.46.2 dependabot/npm_and_yarn/typescript-eslint/parser-8.46.2 development main
astro 56 lines 1.41 KB
Raw
1 <a
2 href="https://play.google.com/store/apps/dev?id=9116586035310009096"
3 class="play-store-button"
4 target="_blank"
5 rel="noopener noreferrer"
6 >
7 <div class="play-store-icon">
8 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18">
9 <path
10 d="M3.609 1.814L13.792 12 3.61 22.186c-.37-.372-.585-.89-.585-1.435V3.25c0-.546.214-1.063.584-1.436zM14.746 12.96l4.497-2.58-3.182-1.83-3.483 2.077 2.168 2.334zM5.304 1.317l8.483 4.883-2.168 2.334L5.303 1.316zM19.243 9.889c.606.348.972.992.972 1.69 0 .55-.212 1.066-.583 1.439l-4.503 2.584-2.165-2.333 3.496-2.088 2.783-1.292z"
11 fill="currentColor"></path>
12 </svg>
13 </div>
14 <div class="play-store-text">
15 <span class="download-text">Download</span>
16 </div>
17 </a>
18
19 <style>
20 .play-store-button {
21 display: flex;
22 align-items: center;
23 background-color: var(--text-primary);
24 color: var(--bg);
25 text-decoration: none;
26 padding: 0.4rem 0.75rem;
27 border-radius: 6px;
28 transition: opacity 0.2s ease;
29 font-size: 0.875rem;
30 }
31
32 .play-store-button:hover {
33 opacity: 0.9;
34 }
35
36 .play-store-button:active {
37 opacity: 0.7;
38 }
39
40 .play-store-icon {
41 margin-right: 0.5rem;
42 display: flex;
43 align-items: center;
44 justify-content: center;
45 }
46
47 .play-store-text {
48 display: flex;
49 align-items: center;
50 line-height: 1;
51 }
52
53 .download-text {
54 font-weight: var(--font-weight-bold);
55 }
56 </style>