Update style

scottgriv · Feb 11, 2024 · dbdbcf8 · dbdbcf8
1 parent 28cfc00
commit dbdbcf8
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/dist/angular-github_user_info/index.html b/dist/angular-github_user_info/index.html
@@ -10,7 +10,7 @@
   <meta property="og:description" content="A web application, utilizing GitHub API, that allows you to search for GitHub user or organization in order to view profile information and other details.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scottgriv.github.io/angular-github-user-info">
-  <meta property="og:image" content="assets/favicons/icon.png">
+  <meta property="og:image" content="%sveltekit.assets%/icon.png">
   <link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">
@@ -20,7 +20,7 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
   <base href="/">
   <title>GitHub User Info</title>
-<style>body{background-color:#000;color:#fff}a{color:#add8e6}a:hover{color:#00008b}a:visited{color:#d3d3d3}footer{text-align:center;margin:40px}footer a{color:#e747d9;text-decoration:none}footer a:hover{text-decoration:underline}</style><link rel="stylesheet" href="styles.34bee3a36a5ee663.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.34bee3a36a5ee663.css"></noscript><script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="scottgriv" data-description="Support me on Buy me a coffee!" data-message="I hope this little tool helps you in your development endeavors, please consider supporting me by buying me a coffee! Thank you!" data-color="#F1590A" data-position="Right" data-x_margin="18" data-y_margin="18"></script></head>
+<style>body{background-color:#000;color:#fff}a{color:#add8e6}a:hover{color:#00008b}a:visited{color:#d3d3d3}footer{text-align:center;margin:40px}footer a{color:#e747d9;text-decoration:none}footer a:hover{text-decoration:underline}</style><link rel="stylesheet" href="styles.b13ccbd85aa2f620.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.b13ccbd85aa2f620.css"></noscript><script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="scottgriv" data-description="Support me on Buy me a coffee!" data-message="I hope this little tool helps you in your development endeavors, please consider supporting me by buying me a coffee! Thank you!" data-color="#F1590A" data-position="Right" data-x_margin="18" data-y_margin="18"></script></head>
 
 <body>
   <app-root></app-root>

diff --git a/dist/angular-github_user_info/styles.34bee3a36a5ee663.css b/dist/angular-github_user_info/styles.34bee3a36a5ee663.css
diff --git a/dist/angular-github_user_info/styles.b13ccbd85aa2f620.css b/dist/angular-github_user_info/styles.b13ccbd85aa2f620.css
diff --git a/src/styles.sass b/src/styles.sass
@@ -7,7 +7,8 @@ body
   border: 2px solid #ccc
   padding: 0.4rem
   border-radius: 4px
-  width: 15%
+  width: 80vw // Use viewport width to make it responsive
+  max-width: 200px // Prevent it from going beyond 300px
   box-shadow: 0 2px 5px rgba(0,0,0,0.1)
   margin-right: 0.5rem // Adds a right margin to create a gap between the input and the button
   &:hover, &:focus