Skip to content

Instantly share code, notes, and snippets.

View innovacode-online's full-sized avatar

Innova Code innovacode-online

View GitHub Profile
@innovacode-online
innovacode-online / index.css
Last active May 11, 2024 00:56
Styles for Vue Inventory
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
body {
font-family: "Open Sans", sans-serif;
@innovacode-online
innovacode-online / theme.ts
Created March 9, 2024 01:35
Theme for NextUI for "Taller FullStack 2024 - Febrero"
import { ConfigThemes } from "@nextui-org/react";
export const darkTheme: ConfigThemes = {
dark: {
layout: {
radius: {
small: '5px',
medium: '8px',
large: '12px',
@innovacode-online
innovacode-online / index.css
Created March 9, 2024 01:33
Styles for react proyecto in "Taller FullStack 2024 - Febrero"
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
body {
@apply font-['Nunito']
}
}
@innovacode-online
innovacode-online / app.css
Last active January 5, 2024 21:14
Tailwind styles for Laravel 10 course
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
body {
@apply bg-body text-white font-poppins
@innovacode-online
innovacode-online / SaleCard.vue
Created November 28, 2023 01:27
Diseño de la venta
<script setup lang='ts'>
import { formatDate } from '../../helpers/format-date';
import { type Sale } from '../../interfaces/sales/sale';
import ProductItem from '@/components/products/ProductItem.vue';
import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'
defineProps<{
sale: Sale;
}>()
@innovacode-online
innovacode-online / globals.ts
Created November 24, 2023 22:43
Global styles for mobile ecommerce - React Native
import { StyleSheet } from "react-native";
import { COLORS } from "./theme";
const SHADOWS = StyleSheet.create({
shadow_sm: {
shadowColor: COLORS.primary,
shadowOffset: {
width: 0,
height: 3,
@innovacode-online
innovacode-online / globals.css
Created August 23, 2023 01:11
Estilos para el dashboard de Next 13
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base{
body{
@apply bg-primary
}
import { createTheme } from '@mui/material/styles';
export const lightTheme = createTheme({
typography: {
fontFamily: [
'Poppins',
].join(','),
},
palette: {
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.container {
@apply max-w-[90%] md:max-w-[80%]
}
@innovacode-online
innovacode-online / CategoryRequest.php
Last active July 15, 2023 16:46
Category request for inventory project
public function rules(): array
{
return [
'name' => 'required|unique:categories,name'
];
}
public function messages()
{
return [