1
0
Fork 0

crypto address overflow, mobile page padding

main
Ryan Moon 2023-08-26 01:25:48 -04:00
parent 9a14c8209d
commit 93e3273f31
5 changed files with 11 additions and 53 deletions

View File

@ -3,33 +3,3 @@
Ryan's personal website
Built with [Nuxt.js](https://nuxt.com)
## Setup
Make sure to install the dependencies:
```bash
# yarn
yarn install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# yarn
yarn dev
```
## Production
Build the application for production:
```bash
# yarn
yarn build
# yarn
yarn preview
```

View File

@ -28,16 +28,6 @@
url('/assets/fonts/source-sans-pro/source-sans-pro-700.woff') format('woff');
}
/* source-serif-pro-regular - latin */
@font-face {
font-family: 'Source Serif Pro';
font-style: normal;
font-weight: 400;
src: local(''),
url('/assets/fonts/source-serif-pro/source-serif-pro-400.woff2') format('woff2'),
url('/assets/fonts/source-serif-pro/source-serif-pro-400.woff') format('woff');
}
@font-face {
font-family: 'ryanmoon';
src: url('/assets/fonts/ryanmoon/ryanmoon.eot?p6u3nb');
@ -52,7 +42,6 @@
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'ryanmoon' !important;
font-style: normal;
font-weight: normal;
@ -60,7 +49,7 @@
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

View File

@ -11,9 +11,7 @@
color: $ft-color;
text-decoration: none;
&:hover {
cursor: text;
}
&:hover { cursor: text }
}
}
@ -77,12 +75,12 @@
}
.address {
width: 65%;
font-size: .8rem;
margin: 6px 0 0 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
overflow-wrap: break-word;
}
}
@ -91,11 +89,11 @@
.blog,
.donate,
.contact {
padding: 3rem 4rem 3rem 2rem;
padding: 3rem 3rem 3rem 2rem;
}
.donate .address {
width: calc(100vw - 4rem);
width: calc(100vw - 5rem);
}
}

View File

@ -31,7 +31,8 @@
margin-left: .5rem;
}
&:hover { cursor: pointer;
&:hover {
cursor: pointer;
p { text-decoration: underline }
}
}

View File

@ -81,7 +81,7 @@
}
.content {
padding: 0 5rem 4rem;
padding: 0 5rem 8rem;
img {
width: 100%;