aykhans/oh-my-url
1
0
Fork 0
mirror of https://github.com/aykhans/oh-my-url.git synced 2025-04-19 03:09:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add responsive styles to index.html

Browse Source
This commit is contained in:
Aykhan Shahsuvarov 2024-02-01 15:47:22 +04:00
parent 61bbc01fd7
commit 7a771dba79
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/templates/index.html
View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Oh My URL</title> <title>Oh My URL</title>
<style> <style>
body { body {
@ -60,6 +61,30 @@
button:active { button:active {
transform: scale(0.98); transform: scale(0.98);
} }
/* Responsive styles */
@media screen and (max-width: 768px) {
.container {
margin: 15px 10px;
}
button {
padding: 10px 15px;
width: 33%;
margin: 0 auto;
font-size: medium;
border: none;
border-radius: 3px;
background-color: #007bff;
color: #fff;
cursor: pointer;
transition: background-color 0.3s ease;
}
input[type="url"] {
width: calc(100% - 16px);
}
}
</style> </style>
</head> </head>
<body> <body>