77 lines
2.3 KiB
CSS
Executable File
77 lines
2.3 KiB
CSS
Executable File
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap");
|
|
|
|
@layer base {
|
|
html {
|
|
font-family:
|
|
system-ui,
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
"Segoe UI",
|
|
Roboto,
|
|
sans-serif;
|
|
width: 100%;
|
|
max-width: 100vw;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
max-width: 100vw;
|
|
}
|
|
|
|
#root {
|
|
width: 100%;
|
|
max-width: 100vw;
|
|
min-width: 0;
|
|
}
|
|
|
|
code,
|
|
pre {
|
|
font-family:
|
|
"JetBrains Mono", Monaco, "Cascadia Code", "Segoe UI Mono",
|
|
"Roboto Mono", monospace;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.tool-card {
|
|
@apply bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6 hover:shadow-md transition-shadow duration-200;
|
|
}
|
|
|
|
.tool-input {
|
|
@apply w-full p-3 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 font-mono text-sm resize-none focus:ring-2 focus:ring-primary-500 focus:border-transparent;
|
|
}
|
|
|
|
.tool-button {
|
|
@apply px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white rounded-md font-medium transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
|
|
}
|
|
|
|
.tool-button-secondary {
|
|
@apply px-4 py-2 bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 rounded-md font-medium transition-colors duration-200;
|
|
}
|
|
|
|
.tool-button-primary {
|
|
@apply flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md font-medium transition-colors duration-200;
|
|
}
|
|
|
|
.toolbar-btn {
|
|
@apply p-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-md transition-colors duration-200 text-gray-700 dark:text-gray-300 font-medium text-sm;
|
|
}
|
|
|
|
.copy-button {
|
|
@apply absolute top-2 right-2 p-2 bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-md transition-colors duration-200;
|
|
}
|
|
|
|
.scrollbar-hide {
|
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
.scrollbar-hide::-webkit-scrollbar {
|
|
display: none; /* Safari and Chrome */
|
|
}
|
|
}
|